1.vue3中的componsition API
1.1 setup函数
juejin.cn/post/700444…
(2)参数 prop、context
prop是响应式的（即传入新的prop时会自动更新），如果需要解构赋值的话需要toRefs函数
1.2 setup中常用函数
1.2.1 ref
1.2.2 reactive
总结：ref和reactive：
在setup函数中，如果定义的数据需要和dom实现双向绑定，那么就需要使用到ref和reactive，这两个API是专门使数据实现双向绑定的。唯一的区别在于，vue3中数据的绑定又分为了基本数据类型的绑定和引用类型的绑定。其中ref是将基本类型实现双向绑定，reactive是对引用类型实现双向绑定。
1.2.3 toref
1.2.4 toRefs
总结：toref和toRefs:
toref和torefs，这两个api是对上面两个中的一个API（reactive）双向绑定的对象数据类型的进行解构。区别在于是解构所有的属性还是单独某一个属性。
1.2.4 watch
1.2.5 watchEffect
总结：watch和watchEffect：
watcheffect的使用场景是，我们正常再使用watch的时候，一般是数据变化的时候才会触发watch对应的回调函数，但是我们有时候希望数据初始化的时候就执行变化，例如刚刚进入页面的时候。这个时候实现方式是immediate，但是还有另外一种方法，就是使用watchEffect，这个API回自动监听回调函数中使用到的数据，如果发生变化就会自动执行。类似于computed，但是不用返回值，仅仅就是为了监听和回调。
watch和watchEffect的区别：
