Vue 2x 系列之（三）模板语法

模板语法

容器里的代码被称为【Vue模板】，模板语法就是指模板的代码中可以写哪些Vue语法【类似：{{name}}】

插值语法：把指定的值放在指定的位置。

插值语法往往用于指定标签体内容。

指令语法：

Vue指令所在的属性值会作为JavaScript表达式执行

v-bind：用于给标签中的任意一个属性动态的绑定值【属性最终的值为将引号内的值作为JavaScript表达式执行后的结果，比如v-bind:age="1+1"，age属性最终的值为将引号内的值(1+1)作为JavaScript表达式执行后的结果，也就是2】。 可以简写为“:”。

Vue模板语法有2大类：
	1.插值语法：
			功能：用于解析标签体内容。
			写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性，插值语法要求双括号的内容必须要有返回值，注：赋值表达式也是有返回值的，如 {{name = 1}}。
	2.指令语法：
			功能：用于解析标签（包括：标签属性、标签体内容、绑定事件.....）。
			举例：v-bind:href="xxx" 或  简写为 :href="xxx"，xxx同样要写js表达式，
					 且可以直接读取到data中的所有属性。
			备注：Vue中有很多的指令，且形式都是：v-????，此处我们只是拿v-bind举个例子。