vue3day02

一、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('属性名')