3
Vue的核心思想
source link: http://www.cnblogs.com/godxiaowei/p/14321002.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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。每一个组件都对应一个工程目录，组件需要的各种资源在这个目录中进行维护，页面是组件的容器，而不同的组件相互嵌套组合可以组成一个完整的页面。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK