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可以用了！
网友评论