美文网首页
vue3的监听函数watch基础

vue3的监听函数watch基础

作者: 蓝蓝红同学 | 来源:发表于2022-05-17 15:46 被阅读0次

    基本调用:watch(被监听的数据,回调函数,配置项)

    一、基础类型监听

    单个数据监听

    单个数据监听

    多个数据监听

    vue3允许使用多个watch进行监听不同的数据

    也可使用将所有要监听的数据放在一个数组里进行监听

    多个数据监听

    二、复杂数据类型监听

    直接监听一个reactive数据时,强制开启深度监听,并且无法关闭;此时无法在回调函数中获取oldValue,oldValue会展示成和newValue一样

    监听一个reactive数据

    监听reactive数据的一个属性时,不会强制开启深度监听,并且可正常获取oldValue的值

    只监听reactive数据的一个属性

    当reactive数据的一个属性是对象时,监听该对象,需手动设置深度监听,且设置深度监听后无法获取oldValue的值

    监听一个reactive数据的对象属性

    相关文章

      网友评论

          本文标题:vue3的监听函数watch基础

          本文链接:https://www.haomeiwen.com/subject/uzggurtx.html