vue中引入jquery

vue中引入jquery
2018年03月07日 10:37:19 看淡江湖 阅读数：9631更多
个人分类： vue
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/hhy1006894859/article/details/79467445

1、在项目中安装jquery。

npm install jquery --save-dev

2、在项目根目录下的build/webpack.base.conf.js文件中：

① 先写以下代码

var webpack = require(“webpack”)

②在module.exports的最后写

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

3、在根目录下的\src\main.js中引入

import $ from ‘jquery’

4、此时在vue中全局引入了jquery，可以在script中写jquery语法的代码。