最近打算学习一下Vuejs,由于平时工作中多用jquery/zepo等传统的js库,只得现在网看看Vuejs的实现与jquery对比着学习。
它们都是js库,但是思想上有完全不一样
1.jQuery首先要获取到dom节点获取Jquery对象,然后对dom对象直接进行进行值的修改等操作,
2.Vue是首先把值和js对象进行绑定,然后修改js对象的值,Vue框架就会通过监听自动把dom的值就行更新,可以简单的理解为Vue帮我们做了dom操作,我们以后用Vue就需要修改对象的值和做好元素对象的绑定,Vue这个框架就会自动帮我们做好dom的相关操作
3.这种dom元素跟随JS对象值的变化而变化叫做单向数据绑定,如果JS对象的值也跟随着dom元素的值的变化而变化就叫做双向数据绑定
4.Jquery使用跟随用户操作逻辑的思路使页面里面还参杂这大量dom js交互逻辑,让本来混乱的逻辑更加混乱,但是从另一方面看,也使交互逻辑更灵活的嵌入到业务逻辑
使用jq需要拿到数据后操作dom元素来实现,vue直接用v-for来实现,不需要我们来操作dom元素,在这种程度上,我们其实可以说vue实现了model和view的分离
vue适用的场景:复杂数据操作的页面,表单填写
jquery适用的场景:比如说一些html5的动画页面,一些需要js来操作页面样式的页面
然而二者也是可以结合起来一起使用的,vue侧重数据绑定,jquery侧重样式操作,动画效果等,则会更加高效率的完成业务需求