Vue是一套用于构建用户界面的前端框架 核心：MVVM模式 M数据模型model V视图（页面）view VM数据模型和视图的控制器viewmodel 数据双向绑定

内容渲染指令v-text和v-html

v-text：更新替换标签内容，文本
v-html：更新替换标签内容，html

用法：

v-if和v-show的区别

v-if:根据表达式的真假切换元素的显示状态（表达式值为true，元素仍存在DOM树中，为false，从DOM树中移除）

用法：

v-show 用法同上

实现原理不同：
v-if是动态的向DOM树内添加或者删除DOM元素；
v-show是通过设置DOM元素的display样式属性控制显示隐藏编译过程；
性能消耗：
v-if有更高的切换消耗
v-show有更高的初始渲染消耗

v-on：事件绑定指令，用来辅助程序员为DOM元素绑定事件监听（可简写为英文的@）

注意：原生DOM对象有onclick、oninput、onkeyup等原生事件，替换为vue的事件绑定形式后，为v-on:click、v-on:input、v-on:keyup

用法：

v-bind：属性绑定，动态绑定属性值（可简写为英文的:)

v-for：通过数据动态遍历标签

遍历4次 <div v-for="i in 4">i是从1开始序号
数组类型 list = [{},{},...]
v-for="item in list",item就是每次遍历的选项数据
v-for="(item,i) in list",item就是每次遍历的选项数据，i就是索引
对象类型 obj = {a:1,b:2}
v-for="(v,k,i) in obj",v属性值，k属性名，i

索引规范：

• 在v-for指令使用的时候，需要带上一个属性 key 且指定唯一的标识
• 目的：给遍历的每一个元素加上唯一标识，提高操作的性能。
• 语法：v-for="" :key="唯一标识" 建议使用ID，不得已情况下才会使用索引。

v-model:数据双向绑定

计算属性computed

1.计算属性必须定义在computed节点中
2.计算属性必须是一个函数
3.计算属性必须有返回值
4.计算属性必须当做普通属性使用
用法：

属性检测watch监听器

watch监听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作。
监听器名字和data中的名字保持一致 用法：

计算属性computed和侦听器watch区别

侧重应用场景不同：
计算属性侧重于监听多个值的变化，最终计算返回一个新值。 侦听器侧重于监听单个数据的变化，最终执行特定业务处理，不需要有任何返回值。

computed 计算属性 : 依赖其它属性值，并且 computed 的值有缓存，只有它依赖的属性值发生改变，下一次获取 computed 的值时才会重新计算 computed 的值。

watch 侦听器 : 更多的是观察的作用，无缓存性，类似于某些数据的监听回调，每当监听的数据变化时都会执行回调进行后续操作。