Vue 3 watchEffect 怎么在组件挂载时立即执行一次

胖雪小哥_3649

胖雪小哥_3649

2026-10-23

260人浏览

原创

watcheffect 默认挂载即执行,因其在 setup 执行完毕、dom 挂载前同步运行并自动求值,首次执行时收集响应式依赖,后续依赖变更时异步重执行。

vue 3 watcheffect 怎么在组件挂载时立即执行一次

watchEffect 默认就是组件挂载时立即执行一次,不需要额外配置。

为什么它能“挂载即执行”

watchEffect 的设计机制决定了它的首次执行时机:在组件 setup 执行完毕、DOM 尚未挂载完成前(接近 onBeforeMount 阶段)就会同步运行一次。这个过程自动完成,不依赖 mounted 钩子,也不需要设置 immediate: true 这类选项。

vue-composition-api-best-practices
vue-composition-api-best-practices

Vue 3 组合式 API 与

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Vue 教程
Vue 教程

共42课时 | 17.2万人学习

国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.4万人学习

Vue.js 微实战--十天技能课堂
Vue.js 微实战--十天技能课堂

共18课时 | 1.7万人学习