vue3对于ref和reactive类型数据监听的区别

发布时间 2023-06-14 14:07:37作者: Awchao

总结:
1、对于ref类型的数据进行监听,不能使用 ()=>字段名,的方法,而是采用直接写值进行监听,案例见方式一和方式二
2、对于reactive类型的数据进行监听,不要使用直接写属性名的方式监听:watch(属性名,(newVal, oldVal)=>{}),因为这种方式虽说可以执行函数,但却监听不到具体属性值的变化,打印出来的新值和旧值都一样。要使用watch(()=> 属性名, (newVal, oldVal)=>{})的方式,这样可以正确获取到值的变化

备注:父组件用reactive定义的数据,传入子组件,用传统写法无法watch监听到遇到问题时发现。