前言
vue里面安装jquery貌似是一件比较low的想法，不过对于vue初学者，这可能可以解决一些燃眉之急。
一、通过npm安装jquery
在命令行输入
npm install jquery --save
安装成功后，打开package.json文件，就可以看到安装的jquery的版本，当然，我们可以用npm指定jquery的安装版本。
jquery1.png
二、在webpack.base.conf.js中加入一行代码
var webpack=require("webpack")
jquery2.png
三、在webpack.base.conf.js中module.exports的最后加入这行代码
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
jquery3.png
四、在main.js中引入,加入下面这行代码，全局引入
import $ from 'jquery'
综上，就可以运行vue项目，在项目中使用jquery了，不过jquery是动态改变dom的小能手，和vue的理念相违背，建议不要使用jquery来修改dom，使用它的动画效果还是挺不错的。
网友评论