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。每一个组件都对应一个工程目录,组件需要的各种资源在这个目录中进行维护,页面是组件的容器,而不同的组件相互嵌套组合可以组成一个完整的页面。