vue完整引入jquery方法
2017-09-15 本文已影响88人
Cherry9507
干嘛这么想不开,用了vue还要用jq?但你不得不承认,有些时候jq要比vue好用,有时候两者结合更好用。
既然vue可以引入jquery,那如何引入?
已经安装了vue脚手架,需要在webpack中全局引入jquery
- 找到package.json文件,在里面加入这行代码,jquery后面的是版本,可根据自己版本需求更改。
dependencies:{
"jquery":"^2.2.3"
}
- 然后在命令行中npm install (安装依赖)
在webpack.base.conf.js中加入一行代码
var webpack=require("webpack")
在webpack.base.conf.js中module.exports的最后加入这行代码,
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
在main.js中引入
import $ from 'jquery'
因为修改了配置文件,需要重新run一遍
npm run dev