vue 复习1

24 阅读1分钟

1、事件修饰符

image.png

image.png

image.png

2、键盘事件

image.png

image.png image.png image.png

image.png

3、计算属性

3.1 插值语法实现实时计算(不提倡)

image.png

3.2 computed计算(提倡)

image.png

image.png

简写

image.png

4、监视属性

watch

image.png

wacth() 配置

image.png

image.png

vm.$watch

image.png

wacth() 配置深度监视

image.png

image.png

image.png

image.png

computed计算与watch的区别

image.png

  1. computed计算与watch参与基本侦听事件时,使用computed代码更加简洁
  2. 当遇到异步处理时,比如延时1分钟执行B,这个时候得使用watch,而computed会遇到不知名bug,比如代码不执行,不显示的情况,如下代码

image.png

image.png

5、绑定样式

image.png

:class

image.png

image.png

image.png

image.png

:style

image.png image.png image.png

6、条件渲染

image.png

image.png

7、列表渲染

image.png

image.png

image.png

8、数据监测

image.png

自定义数据检测,模拟数据代理(错误写法)

image.png image.png 自定义数据检测,模拟数据代理(不完善写法) image.png 补充数组及对象监听

image.png

image.png

image.png vue.set只能给已存在的对象添加属性

image.png image.png 数组数据检测 image.png

image.png

image.png

image.png image.png

image.png

image.png

image.png