Vue3 钩子 onMounted / onUpdated / watchEffect

5,209 阅读1分钟
  • onMounted 是第一次渲染的时候做什么
  • onUpdated 是第一次渲染后每次更新做什么
  • watchEffect 单独用的效果是 onMounted 和 onUpdated 一起用的效果一样的
  • 但是直接用 watchEffect 会有报错,因为 watchEffect 会在第一次渲染之前就执行,那么第一次渲染之后才有的值都会为空,导致错误。
  • 解决方法就是,先 onMounted ,在 onMounted 里面再 watchEffect 即可

示例代码: image.png