vue3 watch监听 (immediate / deep / watchEffect)

Posted 仲夏の梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3 watch监听 (immediate / deep / watchEffect)相关的知识,希望对你有一定的参考价值。

immediate:如果要加载时执行一次,需要加第三个配置对象,immediate:true

deep:如果监视的对象属性也是一个对象,需要手动开启

watchEffect:不需要明确的去监视谁,谁在回调函数里面用到了,就监视谁。注意:该回调函数一开始会执行一次

注:第一个参数:监听谁,第二个参数:回调函数,第三个参数:配置对象

watch(() => state.name, (newVal, oldVal) => 
  console.log('111', newVal);
,  immediate: true, deep: true )

watchEffect(()=>
  let m = state.name
  console.log(state.name 变化了');
)

 

以上是关于vue3 watch监听 (immediate / deep / watchEffect)的主要内容,如果未能解决你的问题,请参考以下文章

vue watch原理

2020-09-13 浅谈: Vue watch监听deep、immediate属性

vue watch中deep和immediate的用法

vue.js监听属性watch(handler方法immediate属性deep属性)

vue的watch中的immediate什么意思

watch事件监听方法