一、Vue的特点
(1)组件化、提高代码复用率,让代码更好维护
(2)声明式编码,无需操作DOM,提高开发效率
二、插值语法、指令语法
插值:{{}}
指令语法:
单项数据绑定v-bind
双向数据绑定v-model:只能用在输入类元素,表单类元素
三、Vue实例的函数不要写箭头函数,不然this指向的不是Vue实例,而是windows
四、MVVM
M:data中的数据,model
V:模板代码,视图
VM:Vue实例,视图模型
data中的所有属性都出现在vm中
vm中的所有属性及vue原型上的所有属性在vue模板中都能直接使用
五、数据代理
1、vue中的数据代理:通过vm对象来代理data对象中属性的操作(读/写);
2、vue中数据代理的好处:更加方便的操作data中的数据;
3、基本原理:通过Object.defineProperty方法将data对象中的属性添加到vm对象上,为配置到vm中的属性添加getter和setter,在getter和setter内部操作data中对应的属性。
六、Vue中常用的按键别名:
回车 => enter
删除 => delete (捕获"删除”和“退格”键)
退出 => esc
空格 => space
换行 => tab (不适合用keyup事件 适合用于keydown事件)
上 => up
下 => down
左 => left
右 => right