赛捷软件论坛 - Powered by Discuz! Board

标题: #副作用刷新时机 [打印本页]

作者: vicky.yu 时间: 2023-11-6 09:56 标题: #副作用刷新时机

Vue 的响应性系统会缓存副作用函数，并异步地刷新它们，这样可以避免同一个“tick” 中多个状态改变导致的不必要的重复调用。在核心的具体实现中，组件的 update 函数也是一个被侦听的副作用。当一个用户定义的副作用函数进入队列时，默认情况下，会在所有的组件 update 前执行：

<template>
  <div>{{ count }}</div>
</template>
<script>
  export default {
setup() {
   const count = ref(0)
   watchEffect(() => {
      console.log(count.value)
   })
   return {
      count
   }
}
  }
</script>
在这个例子中：

count 会在初始运行时同步打印出来
更改 count 时，将在组件更新前执行副作用。

欢迎光临赛捷软件论坛 (http://www.sagesoft.cn/BBS/)