vue3的新增功能

1、 reactive()函数接收一个普通对象，返回一个响应式的数据对象
基本数据传递给reactive，reactive并不会将它包装成porxy对象，并且当数据变化时，界面不
会同步渲染变化
import { reactive} from "vue"
const state = reactive({
name:'abc'
})

2、 ref()函数用来根据给定的值创建一个响应式的数据对象，ref()函数调用的返回值是一个对象，这个对象
上只包含一个value属性

3、ref()和reactive的不同
reactive的用法与ref的用法相似，也是将数据变成响应式数据，当数据发生变化时UI也会自动更新。不
同的是ref用于基本数据类型，而reactive是用于复杂数据类型

4、toRefs()函数可以将reactive()创建出来的响应式对象，转换为普通对象，只不过这个对象上的每个属性
节点，都是ref()类型的响应式数据
比如：当想要从一个组合逻辑函数中返回响应式对象时，用 toRefs 是很有效的，该 API 让消费组件可以
解构 / 扩展（使用 ... 操作符）返回的对象，并不会丢失响应性

5、computed()用来创建计算属性，computed()函数的返回值是一个 ref 的实例
setup() {
let state = reactive({
id:10,
n:computed(()=>state.id+10) //计算属性的方式
});
funct