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能夠用了！