vue3 之 监测属性 watch

总体来说vue3的watch属性和vue2差不多，但是也有几个不同点

1、需要从vue中引入

　　

2、vue3中的watch属性不能监测到响应式数据 reactive 对象，否则获取不到属性旧值（深度监测deep设置无效）

　　watch能监测ref响应式数据，且能返回新旧值

　　

 

 　　

 　3、vue3中watch可以监听reactive对象中某个或者多个属性（必须要以函数返回值作为参数）

　　单个属性

　　

 

　　

 

 

 　  多个属性，用数组

　　

 

　　

 　　4、watch监测reactive对象中的属性属性如果是数组或者是对象的时候，必须要开启深度监测（deep:true），否则监测不到数据变化