声明响应式状态

我们可以使用 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