1. 使用reactive声明引用类型响应式变量

const obj = reactive({});
obj.a = 1;
console.log(obj)

• js区：直接obj.a赋值 也可以直接打印 不需要.value
• template区：直接obj.a 取值
• 缺点：不能整体赋值obj（当然，有些情况下并不需要）

2. 使用 ref 定义基本类型响应式变量

const obj = ref({});
obj.value.a = 1;
obj.value = {b:2};
console.log(obj.value);
console.log(obj.value.a)

• js区：需要对obj.value或其下属性赋值
• template区：直接读取obj.a取值
• 缺点：需要写冗余代码.value