vue组件中使用jq

1、安装依赖

cnpm install jquery --save 或者 npm install jquery --save;

2、此处也有两种方式

一、组件中直接使用jq 

二、使用全局变量

2.1 组件中直接使用

我们想在哪个组件中使用jQuery库，首先要使用如下命令引入jquery，然后就可以正常使用了

import $ from 'jquery'

2.2 使用全局变量

若每一个组件中都可以使用jquery，必须在每个组件中写：import $ from 'jquery';

比较麻烦，所以使用全局变量

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

var webpack=require("webpack")

---

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

   plugins: [

　　newwebpack.optimize.CommonsChunkPlugin('common.js'),

　　newwebpack.ProvidePlugin({

　　　　jQuery: "jquery",

　　　　$: "jquery"

　　})

]

---

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

import $ from 'jquery'

---

最后一步，重新跑一遍就好，控制台输入npm run dev    

你会神奇的发现，jq可以用了！