声明响应式状态
我们可以使用 reactive()
函数创建一个响应式对象(普通对象、数组、Map、Set的集合)
reactive()
限制
//只对对象类型有效,而对原始类型string、number、boolean等原始类型无效。
//reactive<object>(target: object): object
const foo = reactive(1) //wrong
const foo = reactive({bar: 1}) //correct
//随意地“替换”一个响应式对象,这将导致对初始引用的响应性连接丢失
let foo = reactive({a: 1})
foo = reactive({b: 1})
//对foo进行解构,同样会丢失响应性连击
const foo = reactive({b: 1})
let { b } = foo
b++
foo.b === 2 // false