Vue.js 学习笔记
2017-04-09 00:00
323 查看
1,关于Vue和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 优化。
MVVM 里最好的。用 Node.js 来做前后端分离,开发效率实在太快了。其实 vue 有个好基友 Vuex 类Flux数据流控制框架,和 Vue 配合起来才是移动端 WebApp 大杀器。开发体验非常接近 React Native + Redux,
相关文章推荐
- 关于Vue.js一些问题和思考学习笔记(2)
- Vue.js - 学习笔记 (一)
- Vue.js第二天学习笔记(vue-router)
- vue.js学习笔记之prototype
- Vue.js学习系列二 —— vuex学习实践笔记(附DEMO)
- Vue.js 源码学习笔记 -- 分析前准备1 -- vue三大利器
- Vue.js学习笔记: 数据绑定语法---绑定表达式
- Vue.js 源码学习笔记 -- 分析前准备2 -- Object.defineProperty
- vue.js学习笔记--遇到的那些问题
- vue.js学习笔记之属性绑定 v-bind
- vue.js学习笔记之绑定style样式和class列表
- Vue.js第四天学习笔记
- Vue.js学习笔记(4)
- Vue.js第一天学习笔记(数据的双向绑定、常用指令)
- vue.js学习笔记:如何加载本地json文件
- Vue.js第三天学习笔记(计算属性computed)
- Vue.js 学习笔记
- Vue.js第四天学习笔记(组件)
- 关于Vue.js一些问题和思考学习笔记(1)
- vue.js入门学习笔记整理