Vue3 中应该使用 Ref 还是 Reactive?

文章浏览阅读658次,点赞20次,收藏4次。你可能会好奇:为什么我们需要使用带有.value的 ref,而不是普通的变量?为了解释这一点,我们需要简单地讨论一下 Vue 的响应式系统是如何工作的。当你在模板中使用了一个 ref,然后改变了这个 ref 的值时,Vue 会自动检测到这个变化,并且相应地更新 DOM。这是通过一个基于依赖追踪的响应式系统实现的。当一个组件首次渲染时,Vue 会在渲染过程中使用的每一个 ref。然后,当一个 ref 被修改时,它会追踪它的组件的一次重新渲染。