Vue3事件监听 - 11

1. 全体监听

// 总体变化，只要其中的依赖有发生变化，就全部重新执行一次
watchEffect(() => {
  //只要在监听器中的值发生变化，就会监听其变化并触发监听函数
  // 页面创建的时候也会默认触发一次
  console.log("count发生改变", count.value);
  console.log("我是多余的，我也会被打印");
});

在页面创建的时候会触发一次

会追踪所有的依赖并且监听

2. 精准监听

watch(count, () => {
  console.log(count.value, "我是精准的watch");
});

准确监听某一个依赖的改变并触发相对应的回调函数