本文介绍了jquery在vue脚手架中的使用方式示例,分享给大家,具体如下:
1:在各个vue文件中使用
rush:js;">
这种方式不会影响原来VUE文件中的$的使用,完全可行;但是需要每个vue文件都引入一遍;
2:在入口文件app.vue中整体引入,不会报错
3:在main.js中整体引入,
4:在index.html中整体引入
以上3中方法经过亲测,不会报错,但是VUE文件中的JS也不会执行,不可行;
下面的方法经过亲测,完全可行;
通过npm安装依赖引入
1:通过npm安装依赖引入
rush:js;">
npm install jquery -S
build/webpack.base.conf.js
rush:js;">
...
var webpack = require("webpack") // 1. 确保引入 webpack,后面会用到
module.exports = {
...
resolve: {
extensions: ['.js','.vue','.json'],modules: [
..
],alias: {
...
// 2. 定义别名和插件位置
'jquery': 'jquery'
}
},plugins: [
// 3. 配置全局使用 jquery
new webpack.ProvidePlugin({
$: "jquery",jQuery: "jquery",jquery: "jquery","window.jQuery": "jquery"
})
]
}
手动载入
手动下载jQuery 放在static 目录下,如:static/js/jquery.min.js
rush:js;">
alias: {
...
// 2. 定义别名和插件位置
"jquery": path.resolve(__dirname,'../static/js/jquery.min.js')
},"window.jQuery": "jquery"
})
]
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。