如何在vue中引入jquery

最近在用vue写项目，感觉vue在整体架构，数据和视图双向绑定，异步加载等方面有其得天独厚的优势，但是在处理某些具体事件的时候，显得力不从心，比如简单的点击处理，要绑定很多@click，其实非常麻烦，这个时候如果能引入jquery就不要太爽啦，jq强大的选择器功能和丰富的封装特效会让工作瞬间变得简单。

那么该如何引入jquery呢：

有教程如下：

一、安装jQuery：npm install jQuery --save-dev;

二、找到项目根目录下webpack.config.js》 在module.exports》 plugins里面添加一下代码：

 

new webpack.ProvidePlugin({
  jQuery: "jquery",
  $: "jquery"
}),

三、在App.vue页面引入（放在script标签里面）：

 

 

//引入jquery
import $ from 'jquery'

 

 

四、重新npm run dev一下。

 

我按照此说法安装过后，发现并不起作用，奇妙的是过段时间打开此项目发现竟然生效了，我在App.vue中引入实体文件jquery.js后，整个项目都可以应用jquery，但是不引用实体文件，改为import $ from 'jquery'之后，只有引入的当个组件能生效，也就是说想使用jquery的组件每个都要引入一遍。 

转载于:https://my.oschina.net/u/3499937/blog/1031535