Question

vue.js数据只绑定一次不能用*了吗

Answer 1

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优化。

Answer 2

可以添加 v-once  只绑定一次

<span v-once>{{msg}}</span>