// 定义响应式数据 // 可以持有任何类型的值, // 函数接收默认值,返回带有 .value 的对象 // 只有顶级 ref 属性才能被解包 // const { id } = { id: ref(1) },其中 id 依然返回 ref 对象 const count = ref(0); // 定义响应式数据 // 绑定变量的数据类型 Object, Array,Map, Set, // 函数接收默认值,返回原数据的 Proxy // PS: 输出到模板使用时需要 toRefs 重新编译 // PS:解构操作,或者函数赋值,会直接丢失响应性链接 // PS:{ id } = reactive({ id: 1}),其中 id 是非响应式的 const state = reactive({ count: 0 }) 简单地说 ref 定义响应式的 String, Number, Boolean reactive 定义响应式的 Object, Array,Map, Set