- {{}}
插值语法,应用vue实例容器中,获取标签值
- v-bind
v-bind:单向绑定,实例对象key的对应的值,绑定到vue实例容器标签的属性中
简写:`:`
- v-model
v-model:双向绑定
注意:v-model只能应用于‘表单标签’中
- data
vue实例对象中的data两种写法
js定义函数
function() {} 可以简写为:(){}
匿名函数(箭头函数):()=>{}
注意:由vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this就不再是Vue实例了
- vm(视图模型)
vm模型对象就是vue实例对象,视图模板中都能使用vue实例
- Object.defineProperty
数据代理
v-on:click
绑定事件函数,简写:@click="xxx"
- 事件修饰符
- 键盘事件
e.key是键的名称,e.keyCode是键的值
其他按键:比如CapsLock使用时,@keyup.caps-lock="事件函数"
- methods案例
- 计算属性
setter方法
计算属性只读不改,可以使用简写:
- 监视属性
监视多级数据:
简写:
注意: