前言
vue里面安装jquery貌似是一件比较low的想法,不过对于vue初学者,这可能可以解决一些燃眉之急。
一、通过npm安装jquery
在命令行输入
npm install jquery --save
安装成功后,打开package.json文件,就可以看到安装的jquery的版本,当然,我们可以用npm指定jquery的安装版本。
二、在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'
综上,就可以运行vue项目,在项目中使用jquery了,不过jquery是动态改变dom的小能手,和vue的理念相违背,建议不要使用jquery来修改dom,使用它的动画效果还是挺不错的。