扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
在 Vue.js 中引用外部 JavaScript 库,通常有以下几种方式:
创新互联公司主营巴东网站建设的网络公司,主营网站建设方案,手机APP定制开发,巴东h5小程序制作搭建,巴东网站营销推广欢迎巴东等地区企业咨询
1、直接在 HTML 文件中引入
2、使用 import
语句引入
3、使用 require
函数引入
4、使用 webpack 的 alias
配置
下面是具体的操作步骤:
1. 直接在 HTML 文件中引入
在 HTML 文件的 或
标签内,使用
标签引入外部 JavaScript 库,引入 jQuery:
Vue App
2. 使用 import
语句引入
在 Vue.js 组件的 标签内,使用
import
语句引入外部 JavaScript 库,引入 jQuery:
3. 使用 require
函数引入
在 Vue.js 组件的 标签内,使用
require
函数引入外部 JavaScript 库,引入 jQuery:
4. 使用 webpack 的 alias
配置
在 webpack 配置文件(通常是 webpack.config.js
)中,使用 resolve.alias
配置项为外部 JavaScript 库设置别名,引入 jQuery:
const path = require('path'); module.exports = { // ... resolve: { alias: { 'jquery': 'jquery/dist/jquery.min.js' } }, // ... };
然后在 Vue.js 组件的 标签内,使用
import
语句引入外部 JavaScript 库。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流