Vue的核心思想

Vue的核心思想主要分为两部分： 1.数据驱动  2.组件系统

 

1.数据驱动

在传统的前端交互中，我们是通过Ajax向服务器请求数据，然后手动的去操作DOM元素，进行数据的渲染，每当前端数据交互变化时，可能要重新操作DOM元素，比较繁琐，容易出错；

而vue.js是一种基于MVVM思想的JavaScript库，他侧重于View层，利用Dircetives指令对DOM的操作进行了封装，从而简化了前端对于数据交换的操作。

当数据发生变化的时候，vue.js利用Dircetives指令去修改DOM，数据驱动DOM的变化，所以可以说DOM是数据的一种自然映射。

同时也通过DOM Listener来监听view视图的变化，当DOM发生变化时，被监听到之后，实现model的变化，从而实现了数据的双向绑定。

 

2.组件系统

扩展HTMl元素，实现了代码的封装复用，每一个组件都代表了一个单独ViewModel。每一个组件都对应一个工程目录，组件需要的各种资源在这个目录中进行维护，页面是组件的容器，而不同的组件相互嵌套组合可以组成一个完整的页面。