怎样在Vue.js中使用jquery插件

原文：>Vue 的官方是不建议直接 *** 作 DOM 的，Vue 的用途在于视图和数据的绑定。如果通过JQuery 直接 *** 作 DOM 的话，势必会造成视图数据和模型数据的不匹配，这样 Vue 就失去它存在的意义了。
JQuery 和 VueJS 合理使用并不会造成冲突，因为他们的侧重点不同，VueJS 侧重数据绑定和视图组件，JQuery 侧重异步请求和动画效果。如果使用JQuery + VueJS 开发，一定要在 Vue 渲染完所有的 HTML组件之后再通过 JQuery 处理，而使用 JQuery 时应避免直接 *** 作 DOM ，但是应用动画是允许的。
JQuery 与 VueJS 相互配合可以非常高效的完成异步任务，首先通过 JQuery 发出 Ajax 请求，接受到服务端传递的 JSON 数据后，再通过 Vue 将数据绑定到组件上，最后由 JQuery 进行动画处理，整个过程就如行云流水般自然。
说句题外话，Vue 的目的不是取代 JQuery，它是为了解决前后端分离而出现的。如果没有数据变化，只是单纯的样式变化，则没有必要去大费周章进行视图模型的绑定，并且还不利于 SEO 优化。

之前使用jquery都是每个组件引入

这种方式需要在每个要使用jquery的组件里面引入一下，比较麻烦，分享一下全局引入的方法

vuecli3中修改webpack配置

eslint配置

vue项目引入jquery可以方便的实现一些全局事件绑定，同时屏蔽掉浏览器的差异，但缺点很明显，由于jquery并不存在模块化的概念，vue引入jquey后会增大项目体积，同时vue和jquery在dom *** 作上不是一个理念vue *** 作虚拟dom，jquery *** 作实际dom，并且在数据绑定上有一定的破坏性。

---