指令【重点】
作用:简化Dom操作
参考:https://cn.vuejs.org/v2/api/#%E6%8C%87%E4%BB%A4
特点:
1、都是以v-开头
2、除了插值表达式，其它都写在标签的属性中
{{}} & v-text & v-html
在视图显示数据
{{}} 和 v-text 只能显示普通文本
{{}} 里面还可以进行一些简单的运算，或是三目表达式，但是不要写太复杂的逻辑，比如if判断，循环不支持
v-html 它可以将模型中字符串中带有的html标签，解析出来
v-on
注意点:
如果我们的v-on绑定的事件处理函数，没有参数，在写的时候，可以省略`()`，如果有参数，不能省略
事件还可以加上修饰符【监听键盘按下】
v-on:可以简写成 @
v-bind
绑定，当我们的内容是来源于model中的时候，v-bind一般常用于
src，to 这些属性的标签中
注意：
1、当我们有些属性的值，不是写死的情况下，就可以考虑使用v-bind:
2、v-bind: 可以简写成 `:`
3、v-bind的绑定是单向的，从模型到视图
v-model
双向数据绑定
模型 ---> 视图
视图 ---> 模型
用于双向数据绑定的标签 input radio checkbox...
应用场景：获取form表单值的时候，非常方便
v-if & v-show
特性：要想v-if和v-show起作用，必须给他绑定一个boolean类型的Model
v-if:
当值为true，dom元素会被创建出来，当值为false的时候
dom元素被删除
v-show:
当值为true，dom元素会被创建出来，并且显示(display:block)，当它的值为false的时候，通过样式控制它隐藏(display:none)，但是dom元素还在
实际工作中，如何抉择?
参考:https://cn.vuejs.org/v2/guide/conditional.html#v-if-vs-v-show
频繁需要切换的时候，用v-show
不频繁使用用v-if
v-for
循环渲染
渲染列表
注意点:
在遍历的时候，最好给它都加一个唯一标识符
v-pre & v-cloak & v-once【了解】
参考:https://cn.vuejs.org/v2/api/#v-pre
其它
Vue.js devtools 帮助查看Vue中数据的工具
安装方式:可以通过google插件
