vue3 浅学

一、toRefs
问题: reactive 对象取出的所有属性值都是⾮响应式的
解决: 利⽤ toRefs 可以将⼀个响应式 reactive 对象的所有原始属性转换为 响应式的 ref 属性
二、hook函数
将可复⽤的功能代码进⾏封装，类似与vue2混⼊。
三、ref：获取元素或者组件 let box = ref()
四、生命周期
①setup: 相当于beforeCreate和created
②onBeforeMount
③onMounted
④onBeforeUpdate
⑤onUpdated
⑥onBeforeUnmount
⑦onUnmounted
五、readonly和shallowReadonly
readonly 会递归地将对象所有的属性都转换为只读对象，包括嵌套对象的 属性也是只读的，⽽ shallowReadonly 只会将根级属性设置为只读对象， 嵌套对象的属性仍然是可修改的。
六、shallowReactive 与 shallowRef
1、shallowReactive ⽤于创建⼀个浅响应式对象，它只会对根属性进⾏响应式 处理，⽽不会递归到对象的嵌套属性。
2、shallowRef 包装⼀个对象时，对该对象内部属性的修改不会被监听，只有 重新赋值整个对象的操作才会引起响应式更新。
七、toRaw 与 markRaw
1、toRaw将响应式对象转换成⾮响应式对象
2、markRaw⽤于标记⼀个对象，使其永远不会被转换为响应式对象
八、toRef 与 toRefs
toRef 函数⽤于创建⼀个指定响应式对象的属性的可响应式引⽤ toRef(响 应式对象，响应式对象⾥⾯的属性)
九、provide 与 inject ⽤在setup⾥⾯
provide(‘属性名’，传递的参数)
inject(‘属性名’)