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 @   `奔跑的蜗牛  阅读(28)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示