Vue3学习(七)-其他Composition API(二)
今天继续学习一些其他Composition API。
toRef
简单介绍
为响应式对象上的某个属性创建一个ref引用,更新时引用对象会同步更新
区别ref:拷贝了一份新的数据值单独操作,更新时相互不影响
使用方法
当然使用的前提都是先引入。
customRef
简单介绍
用于自定义一个ref,可以显式地控制依赖追踪和触发响应
接受一个工厂函数,两个参数分别是用于追踪的track与用于触发响应的trigger,并返回一个带有get和set属性的对象。
需求:使用customRef实现防抖函数
使用方法
自定义hook
在home中使用自定义hook
provide与inject
简单介绍
provide和inject提供依赖注入,功能类似2.x的provide/inject
实现跨层级组件(祖孙)间通信
使用方法
父组件
子组件
孙组件
响应式数据的判断
简单介绍
isRef:检查一个值是否为一个ref对象
isReactive:检查一个对象是否是由reactive创建的响应式代理
isReadonly:检查一个对象是否是由readonly创建的只读代理
isProxy:检查一个对象是否是由reactive或者readonly方法创建的代理
使用方法
当然使用的前提都是先引入。 响应式数据的判断,可以自己试一下。
先更新一部分,后面会继续更新,敬请期待
转载自:https://juejin.cn/post/7267158769490673704