淺談vue中引入jquery的方法

下面vue.js欄位為大家介紹vue中引入jquery的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

vue中引入jquery的方法

1：因為已經安裝了vue腳手架，所以需要在webpack中全域引入jquery

      開啟package.json文件，在裡面加入這行程式碼，jquery後面的是版本，根據你自己需求更改。    

    dependencies:{

  "jquery":"^2.2.3"

       }

      然後在命令列中cnpm install   

      大多人應該都是使用的淘寶鏡像，所以使用cnpm，如果你不是 ，可以使用npm安裝。

2：在webpack.base.conf.js中加入一行程式碼

let webpack=require("webpack")

3：在webpack.base.conf.js中module.exports的最後加入這行程式碼，

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

4：在main.js中引入,加入下面這行程式碼

   import $ from 'jquery'

5：最後一步，重新跑一邊就好，cnpm run dev   

#相關推薦：

2020年前端vue面試題大匯總（附答案）

vue教學推薦：2020最新的5個vue.js影片教學精選

更多程式相關知識，請造訪：程式設計教學！ ！

以上是淺談vue中引入jquery的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！