目录
1. 使用 reactive
封装基础数据类型
由于 reactive
只能用于对象,对于基础数据类型(如字符串、数字),应使用 ref
来创建响应式引用。
import { ref } from 'vue';
const count = ref(0);
2. 解构 reactive
对象
直接解构 reactive
对象会失去响应式。要保持响应式,可以使用 toRefs
或 toRef
。
import { reactive, toRefs } from 'vue';
const state = reactive({
count: 0,
text: 'hello'
});
const { count, text } = toRef