vue项目中安装jquery

前言

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，使用它的动画效果还是挺不错的。