VUE项目引入jquery

既然写项目，那么少不了用jq，那咱们就引入进来吧javascript

一、由于已经安装了vue脚手架，因此须要在webpack中全局引入jqueryhtml

打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你本身需求更改。

dependencies:{
　　"jquery":"^2.2.1"
}vue

二、而后在命令行中cnpm install java

大多人应该都是使用的淘宝镜像，因此使用cnpm，若是你不是，能够使用npm安装。jquery

三、在webpack.base.conf.js中加入一行代码webpack

　　var webpack=require("webpack")web

四、在webpack.base.conf.js中module.exports的最后加入这行代码，npm

 
               plugins: [ 
              
               new  
               webpack.optimize.CommonsChunkPlugin( 
               'common.js' 
               ), 
              
               new  
               webpack.ProvidePlugin({ 
              
               　　　　jQuery:  
               "jquery" 
               , 
              
               　　　　$:  
               "jquery" 
              
               　　}) 
              
               ]

五、在main.js中引入,加入下面这行代码，全局引入json

 
               import  
               $ from  
               'jquery'

六、最后一步，从新跑一遍就好，控制台输入npm run dev ide

你会神奇的发现，jq能够用了！