学习vue的心得

vue.js是一套用于构建用户界面(用vue向html页面中填充数据)的渐进式框架，也就是说我们可以由浅入深的、从简单到复杂的来使用这个框架。

vue.js的核心是一个允许使用简洁的模版语法，来声明式地将数据渲染进DOM的系统。

vue的优点：

1. vue体积小，被压缩后只有33K
2. 使用简单的命令加数据来进行DOM操作,避开了繁杂的获取,创建和删除DOM元素的操作.即简化了DOM元素的操作。
3. vue基于虚拟dom，拥有更高的运行效率
4. vue.js是响应式的数据驱动，简单来说就是由数据生成页面。它是双向数据绑定

vue的特性：

1. 数据驱动视图  ：数据的变化会驱动视图自动更新，数据驱动视图是单向的数据绑定
2. 双向数据绑定   ： js数据的变化会被自动渲染到页面上，页面上表单采集的数据发生变化时，会被vue自动获取并自动更新到js数据中。

 vue使用的是MVVM模式。MVVM是vue实现数据驱动视图和双向数据绑定的核心原理。MVVM是指：Model、View、ViewModel。

• Model表示当前页面渲染时所依赖的数据源
• View表示当前页面所渲染的DOM结构
• ViewModel表示vue实例，它是MVVM的核心

MVVM的工作原理：

ViewModel作为MVVM的核心，是它把当前页面的数据源（Model）和页面的结构（View）连接在了一起。当数据源发生变化时，会被ViewModel监听到，VM会根据最新的数据源自动更新页面的结构；当表单元素的值发生变化时，也会被VM监听到，VM会把变化过后最新的值自动同步到Model数据源中。 

vue.js的应用可以分为两个部分：一个是视图（html），一个是脚本（script）。