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 变化了');
})

 

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐