vue.js的核心思想

vue.js的核心思想包括：数据驱动和组件化思想。

下面看一张关系图：

Vue采用MVVM的设计模式，MVVM中的M---Model表示模型，是一个javascript对象；V-View是DOM也就是UI；ViewModel--表示的是一个Vue实例对象。

如果没有中间的ViewModel则关系图编程下面所示：通过Ajax通信获得后台数据，那么要将获得数据显示在DOM上，则需要手动操作DOM节点。这是一个繁琐的过程，还很容易出错。

而使用vue.js后则省去手动操作DOM 。在vue.js里面只需要改变数据，Vue.js通过Directives指令去对DOM做封装，当数据发生变化，会通知指令去修改对应的DOM，数据驱动DOM的变化，DOM是数据的一种功能自然的映射。vue.js还会对操作做一些监听（DOM Listener），当我们修改视图的时候，vue.js监听到这些变化，从而改变数据。这样就形成了数据的双向绑定。

这就需要了解：数据响应原理

组件化思想可以点击这里：组件化的介绍