jqueryの使用VUE-CLI

A.インストールが異なり

npm install jquery --save

II。グローバル導入(依存インストールする必要があります)

第一歩

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了

III。導入Vueの個々の構成要素(依存インストールする必要があります)

そして、スクリプトコンポーネント

<script>
  import $ from "jquery"   //其实嘛你安装依赖后你在node_modlules文件中的一个文件相对路径而已
  console.log($) //你可以打印瞧瞧
</script>

おすすめ

転載: www.cnblogs.com/pythonywy/p/11669757.html