Vue3的computed和watch

目录

1、computed

2、computed完整写法

 3、watch

4、watch监听对象具体属性

5、watch 监听reactive数据


1、computed

基于现有的数据计算出新的数据





Vue3的computed和watch_第1张图片

2、computed完整写法





 Vue3的computed和watch_第2张图片3、watch

1 . 侦听一个数据

第一个参数:监听的数据 第二个回调函数

2.侦听多个数据

第一个参数监听的数据构成的数组 ​ 第二个参数回调函数

3.立刻调用 (第三个参数位一个对象,里面可放immediate:true)

4.深度监听 (第三个参数位一个对象,里面可放 deep:true)






4、watch监听对象具体属性






5、watch 监听reactive数据

watch监控reactive数据,假如需要深层次监控属性需要手动开启deep:true或省略

watch监控ref数据,深层次监控属性 ,必须手动开启deep:true,不能省略,省略相当于默认 false






 

你可能感兴趣的:(vue笔记,vue.js,前端,javascript)