vue-cli中使用jquery

一.安裝依賴

npm install jquery --save

二.全局導入(必須先安裝依賴)

第一步

在webpack.base.conf.js裡加入(新版的可能找不到這個文件,你可以npm install webpack --save-dev進行手動安裝)

var webpack = require("webpack")

第二步

在module.exports的最後加入

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

第三步

在main.js 引入

import $ from 'jquery'  //你做到這一步頁面中你直接使用$就是jq了

新版

直接在main.js 引入

import jquery from 'jquery'  //你做到這一步頁面中你直接使用$就是jq了

三.單個vue組件導入(必須先安裝依賴)

然後在組件的script中

<script>
  import $ from "jquery"   //其實嘛你安裝依賴後你在node_modlules文件中的一個文件相對路徑而已
  console.log($) //你可以列印瞧瞧
</script>