vue 3 的 ref 在非组件环境中完全可用，它是纯函数，只需引入 @vue/reactivity 包即可使用；需通过 .value 访问和修改值，并配合 effect 实现响应式副作用追踪。
Vue 3 的 ref 在非组件环境中完全可用，它本身是纯函数，不依赖组件、setup 或模板系统，只要引入了 @vue/reactivity 包就能直接使用。
直接导入并创建 ref 实例
ref 来自 @vue/reactivity，不是 vue 全量包的专属 API。在普通 JS 环境（如浏览器控制台、Node.js 脚本、CMS 插件逻辑）中可这样用：
- 安装依赖：
npm install @vue/reactivity - 导入使用：
import { ref } from '@vue/reactivity' - 创建响应式变量：
const count = ref(0)，后续通过count.value读写 - 值变更会触发依赖它的副作用（需配合
effect手动追踪）
搭配 effect 实现自动响应
没有组件上下文时，Vue 不会自动渲染或更新 DOM，但你可以用 effect 主动建立响应式关联：
