vue3的watch首次执行
时间: 2023-11-01 18:08:29 浏览: 89
vue首次赋值不触发watch的解决方法
在Vue 3中,watch默认情况下不会在首次执行时触发。这是因为Vue 3中的watch默认是懒执行的,只有在依赖项发生变化时才会执行。
然而,如果你想在watch初始化时就执行一次,可以通过设置`immediate`选项为`true`来实现。比如在你的代码中引用的示例中,通过设置`immediate: true`来初始化监听。
另外,你也可以使用深度watch来监听多个数据源,并在数据变化时执行相应的回调函数。在你的代码中的示例中,通过设置`deep: true`来开启深度监听。
综上所述,要使watch在Vue 3中首次执行,你可以通过设置`immediate: true`来初始化监听,或者使用深度watch来监听多个数据源并在数据变化时执行回调函数。这将确保在页面展示时,watch会在首次执行时触发。
阅读全文