Vue中的指令（听博主说总结的很好）

指令【重点】

作用:简化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插件