插值语法：数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值 {{ }}
指令： v-text：类似于innerText，
v-html：类似于innerHtml, 可以识别元素标签
v-model： 双向绑定指令,需要在能够有值改变功能的元素上使用：input，、textarea（多行文本框）、select（下拉菜单）
v-if：条件渲染，当条件成立时，元素会被挂在DOM树上，else则不会被挂载渲染 v-else：当条件不成立时，元素会被挂载到DOM树上，if则不会被渲染
v-show：当条件成立时，元素会在页面显示，当条件不成立时，元素不会在页面显示，并且元素本身还是在DOM树上，使用的 是 displat：none 进行像是或隐藏
注释：v-if 和 v-show的区别：两个指令的使用场景不一样，如果是页面上的元素直接隐藏并且不会再展示出来/切换频率比较低，使用v-if。否则使用v-show
v-for：遍历数据渲染，用法：v-for=“(item, index) in list” :key=“index”
v-on: 绑定事件，冒号后面跟需要绑定的事件，如：v-on：click，可简写为@click，所有事件都必须写在methods对象里面，可以通过参数传递，使用$event把事件本身传递下去 不能使用箭头函数来定义方法，因为this指向会改变
v-bind: 实现属性绑定，如：v-bind：class=“less” ，可简写为 :class=“less”
ref: 实现获取DOM元素，如： ref=“content” 在标签上定义好之后，需要在mounted生命周期中进行获取 在beforeDestroy也可以获取到 获取方法：this.refs.content
装饰器： v-model.lazy : 惰性监听， 监听的是类似于onChangeEvent事件 v-model.number : 要求输入框里只能输入数字
