不得不感叹vue文档的全面和易上手，基本问题全可以在官方文档解决。

当你在模板中使用了一个 ref，然后改变了这个 ref 的值时，Vue 会自动检测到这个变化，并且相应地更新 DOM。这是通过一个基于依赖追踪的响应式系统实现的。当一个组件首次渲染时，Vue 会追踪在渲染过程中使用的每一个 ref。然后，当一个 ref 被修改时，它会触发追踪它的组件的一次重新渲染。

重点就定义响应式数据
使用 ref 创建的变量是响应式的，这意味着当变量的值发生变化时，相关的视图会自动更新。这使得 Vue 可以更有效地追踪数据变化，从而更好地管理应用的状态。

比如我想创建一个按钮，完成count每次按下+1，如果我定义个let count = 0，每次按下触发函数使得它++，但这时候页面不会刷新，诚然，这个count的值已经变化了，但没有重新渲染。
但如果我定义为：const count = ref(0),这样每次++后，显示count的块会重新渲染，确保值和画面一致