Day 1

一、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

posted @ 2022-11-15 17:04  `奔跑的蜗牛  阅读(26)  评论(0编辑  收藏  举报