如何在Vue项目中正确的引入JQuery
2017-12-30 11:41
1026 查看
操作方法
安装jquery依赖npm install jquery --save
修改两处配置文件（测试vue版本为2.5）
// 整体位置
module.exports = {
// 其他代码...
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
}
},
// 增加一个plugins
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
],
// 其他代码...
}3.直接在需要的页面引用
参考文献
vue-cli构建的项目如何正确的引入JQuery
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vue项目中如何引入jquery
- 如何在vue-cli+webpack构建的项目引入jquery和bootstrap
- 在vue项目中正确的引入jquery
- 在vue项目中正确的引入jquery
- 如何在vue中引入第三方jquery，swiper等库（一）
- 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- 【vue】如何在 Vue-cli 创建的项目中引入 iView
- 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- 如何在vue中引入jquery
- vue开发：脚手架搭建的vue项目里引入jquery和bootstrap
- vue-cli快速构建项目>>>>及引入jquery、jquery插件、this的指向 mounted钩子函数应用
- 如何在vue中引入第三方jquery，swiper等库（一）
- vue-cli 项目中引入jquery、sass、md5、ElementUI、vue-cookie
- 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- vue项目中如何引入iconfont中的图片
- 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- 【vue】如何在 Vue-cli 创建的项目中引入iView
- Android项目中如何正确的引入第三方jar包(工程)
- vue中如何引入jQuery和Bootstrap
- Vue项目中如何引入icon图标