模板语法
容器里的代码被称为【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举个例子。
标签:Vue,标签,xxx,2x,语法,模板,表达式
From: https://www.cnblogs.com/wzzzj/p/18039941