首页 > 其他 > 详细

watchEffect与wacth

时间:2020-12-30 16:26:47      阅读:39      评论:0      收藏:0      [点我收藏+]

watchEffect与wacth

watch监听

setup() {
    watch([xxxx, xxxx, (n, o) => { // watch监听,可以以数组的形式监听,没有初始化监听,可加属性immediate deep ,
      console.log(n);
      console.log(o);
      document.title = n[0];
    },{
        deep: true,
        immediate:true
      });
    }

watchEffect监听

    watchEffect(() => { // 初始化监听并且改变的时候也会监听
      console.log(overText.value, ‘改变‘)
    })

注意watchEffect与watch的区别:
// 1、watch 是需要传入侦听的数据源,而 watchEffect 是自动收集数据源作为依赖。

// 2、watch 可以访问侦听状态变化前后的值,而 watchEffect 没有,watchEffect获取的改变后的值。

// 3、watch 是属性改变的时候执行,当然也可以immediate,而 watchEffect 是默认会执行一次,然后属性改变也会执行。

watchEffect与wacth

原文:https://www.cnblogs.com/wwf2/p/14211416.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!