VUE和jquery一起使用的问题讨论

背景
关于vue和jquery一起使用，我是因为新的公司团队里面用的是jquery，或者说是由后端的人使用jsp来写东西。现在需要我们把很老的项目重用vue来写一遍。这就是意味着有很多jquery来操作DOM，而且VUE里面的代码要求抽到js里面，通过import和export来调用js里面的方法。不准放在methods里面。这就是让动态数据进不去组件里面，只能进一个初始状态（import的不足）。这里的解决方法是使用混入或者组件里调用js里面的函数时使用.bind（this）来通过this.变量 来直接操作vue组件里面的变量。但是这里还是要注意，有些方法改变量层次太深的话，尽量把这个方法抽出到VUE组件里，在js里面调用时使用this.方法名来获取使用。

我是想着引入jquery，来操作dom赋值，但是最近看了一下，引入是能引入的，注意安装和eslint的修改。但是直接做dom操作，并不是很好或者说就是不提倡。毕竟mvvm就是为了避免操作dom来出现的。所以有时间的话还是使用vue来写东西吧。

这个是论坛里面的回答，我觉得可以参考一下。
这个是引入方法
https://cloud.tencent.com/developer/article/1011243
他人概念****加粗样式
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 优化。