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