小花皮猪

provide 与 inject provide与inject是一种组件中的通信方式。适应于祖孙间通信，祖孙组件也叫跨级组件，因为祖孙组件之间隔了一个父组件 provide译为提供，一般是提供数据 i

toRaw 与 markRaw raw中文译为原始的意思，那么toRaw就是把xx变成原始，markRaw就是把xx标记为原始 下面简单介绍下这两个API的作用 引入toRaw 与 markRaw 先

readonly 与 shallowReadonly readonly估计大家都知道，在开发中遇到这个词汇比较多，译为只读，shallowReadonly译为浅层次只读 引入readonly 与 sh

shallowReavtive和shallowRef shallow中文译为浅层次的， 引入shallowReavtive和shallowRef 想要使用shallowReavtive和shallow

toRef API和toRefs API toRef也是一个很强大并且常用的API，它用于创建一个 ref 对象，并且value值指向另一个对象中的某个属性 下面通过案例演示下toRef API的使用

自定义hook函数 hook(钩住)本质上是一个函数，把setup函数中使用的Composition API进行封装成自定义的公共逻辑，如果其他组件想要使用这个逻辑直接引入hook即可，类似vue2中

watchEffect()函数 watchEffect()函数是vue3中的一个新的函数，Effect翻译过来有反应的意思，所以又叫监视反应 它也可以做监视，但是它最大的特点就是不说监视谁，直接写回调

watch(监视)函数 vue3的数据监视和vue2配置功能是一样的，都是对变化的数据进行监视 案例展示 vue3中也是支持vue2中编写数据监视方式的，但是不推荐(都用vue3了，还写啥vue2啊！

set的两个注意点 执行的时机 setup执行的时机是非常早的，它甚至比beforeCreate还要早，并且this是undefined而不是实例对象 setup接收到的参数 通过测试得知，setup