Vuejs学习（1）

最近打算学习一下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侧重样式操作，动画效果等，则会更加高效率的完成业务需求