作用:简化Dom操作

参考:https://cn.vuejs.org/v2/api/#%E6%8C%87%E4%BB%A4

特点:

    1、都是以v-开头

    2、除了插值表达式，其它都写在标签的属性中

在视图显示数据

{{}} 和 v-text 只能显示普通文本

{{}} 里面还可以进行一些简单的运算，或是三目表达式，但是不要写太复杂的逻辑，比如if判断，循环不支持

v-html 它可以将模型中字符串中带有的html标签，解析出来

注意点:

    如果我们的v-on绑定的事件处理函数，没有参数，在写的时候，可以省略`()`，如果有参数，不能省略

    事件还可以加上修饰符【监听键盘按下】

    v-on:可以简写成 @

绑定，当我们的内容是来源于model中的时候，v-bind一般常用于

src，to 这些属性的标签中

注意：

    1、当我们有些属性的值，不是写死的情况下，就可以考虑使用v-bind:

    2、v-bind: 可以简写成 `:`

    3、v-bind的绑定是单向的，从模型到视图

双向数据绑定

    模型 ---> 视图

    视图 ---> 模型

用于双向数据绑定的标签 input radio checkbox...

应用场景：获取form表单值的时候，非常方便

特性：要想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

循环渲染

渲染列表

注意点:

    在遍历的时候，最好给它都加一个唯一标识符 

参考:https://cn.vuejs.org/v2/api/#v-pre

Vue.js devtools 帮助查看Vue中数据的工具

安装方式:可以通过google插件