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