vue引入jquery的方法

Posted lhyhappy65

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue引入jquery的方法相关的知识,希望对你有一定的参考价值。

1、局部引入

通过命令下载jquery   npm install jquery --save-dev

在需要引入jquery的组件中通过import $ from ‘jquery‘引入即可

2、全局引入

通过命令下载jquery   npm install jquery --save-dev

在项目目录下build下的webpack.base.conf.js文件头部加入

var webpack = require(‘webpack‘)

并在module.xeports的尾部加入

plugins: [
new webpack.optimize.CommonsChunkPlugin(‘common.js‘),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]

在main.js中通过import $ from ‘jquery‘引入即可

以上是关于vue引入jquery的方法的主要内容,如果未能解决你的问题,请参考以下文章

在Vue.js中引入jQuery的方法:

vue-cli中引入jquery的方法

vue-cli中引入jquery方法

vue-cli引入jquery方法

vue引入依赖jquery的第三方插件

vue 全局引入 jquery