在 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 库。
分享标题:vue引用外部js库方式(vue引用外部js)
转载源于:http://www.mswzjz.cn/qtweb/news39/550589.html
攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能,是专注品牌与效果的网络营销公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 贝锐智能