VUE3reactive, ref,toRef,toRefs用法和区别，vue3新特性，稿子啊合适的婚纱很深的了解哈桑时

vue3的生命周期

set up() > beforeCreate > created > beforeMount > mounted > beforeUpdate > updated > beforeUnmount >unmounted
移除了beforeDestroy和destroyed

reactive, ref,toRef,toRefs用法和区别

Vue3的CompositionAPI 创建响应式对象的方式：

-   reactive
-   ref
-   toRef
-   toRefs

reactive是对对象的深度监听，根据传入的**对象** ，
创建返回一个**深度响应式对象**。**响应式对象**看起来和**传入的对象**一样，但是，响应式对象属性值改动，不管层级有多深，都会触发响应式。新增和删除属性也会触发响应式。
reactive 只能 给对象添加响应式**，对于值类型，比如`String`，`Number`，`Boolean`，`Symbol`无能为力。

如果想给值类型(`String`，`Number`，`Boolean`，`Symbol`)添加响应式，就要用到**ref**

reactive的值，不能通过解构绑定，这里可以用toRefs包裹一下，
例如：
return { year, 
    // 使用reRefs 
    ...toRefs(user), 
};

Composition API

Composition API ：  reactive、ref、toRefs、watch、watchEffect、computed、生命周期钩子
setup 是 Vue3.x 新增的一个选项， 他是组件内使用 `Composition API`的入口。
setup > beforeCreate > created,所以拿不到this，但是context中可以拿到。
set up(props,context){
    props是响应式的，所以不能解构。
    context可以拿到this
}