1、Vue的模板语法、数据绑定

1、Vue模板语法有2大类：

          1.1.插值语法：

                  功能：用于解析标签体内容。

                  写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。

           1.2.指令语法：

                   功能：用于解析标签（包括：标签属性、标签体内容、绑定事件.....）。

                    举例：v-bind:href="xxx" 或  简写为 :href="xxx"，xxx同样要写js表达式，且可以直接读取到data中的所有属性。

              备注：Vue中有很多的指令，且形式都是：v-????，此处我们只 是拿v-bind举个例子。

 

2、Vue中有两种数据绑定的的方式

　　1、单向绑定（v-bind）：数据只能从data流向页面

　　2、双向绑定（v-model）：数据不仅能从data流向页面，还可以从页面流向data

双向数据绑定一般都应用在表单类元素上（如，input，select等）

v-model：value 可以简写为v-model，因为v-model默认手机的就是value值