Vue中的模板语法分为两大类,
1.指令语法,
功能:用于解析标签(包括标签属性、标签体的内容、绑定事件等等)
举例:v-bind:href=“xxx” 或 简写为 :href=“xxx”,xxx同样要写js表达式,
且可以直接读取到data中的所有属性。
备注:Vue中有很多的指令,且形式都是:v-???,此处我们只是拿v-bind举个例子。
2.插值语法
功能:用于解析标签体内容。标签体就是所谓起始标签、结束标签之间的内容
写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性。
Vue中的数据绑定
Vue中有2种数据绑定的方式:
1.单向绑定(v-bind):数据只能从data流向页面。
2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。
备注:
1.双向绑定一般都应用在表单类元素上(如:input、select等)
2.v-model:value 可以简写为 v-model,因为v-model默认收集的就是value值。