vue框架原理

一、Vue对比其他框架原理

Vue相对于React，Angular更加综合一点。AngularJS则使用了“脏值检测”。

React则采用避免直接操作DOM的虚拟dom树。而Vue则采用的是 Object.defineProperty特性（这在ES5中是无法slim的，这就是为什么vue2.0不支持ie8以下的浏览器）

Vue可以说是尤雨溪从Angular中提炼出来的，又参照了React的性能思路，而集大成的一种轻量、高效，灵活的框架。

条件渲染v-if v-else v-show

v-if与v-show的区别

v-if 直接控制div元素的有无

v-show是使用了display:none

事件绑定v-on

v-on:事件名="事件处理函数" 简写：@事件名:事件处理函数

事件处理函数一定要写在实例的配置项methods内部

属性绑定v-bind

v-bind:要绑定的属性名  简写：:属性名

属性绑定可以让属性后面跟变量或表达式

列表渲染v-for

可以循环一个数据源（数组、表格、数字、字符串等）

以循环数组为例：

<li v-for="item in/of 要循环的数据">{{item}}</li>

双向数据绑定 v-model

v-html和v-text指令

v-html相当于innerHTML

v-text相当于innerText（不解析标签）