likes
comments
collection
share

Vue3学习(七)-其他Composition API(二)

作者站长头像
站长
· 阅读数 39

今天继续学习一些其他Composition API。

toRef

简单介绍

为响应式对象上的某个属性创建一个ref引用,更新时引用对象会同步更新
区别ref:拷贝了一份新的数据值单独操作,更新时相互不影响

使用方法

当然使用的前提都是先引入。

Vue3学习(七)-其他Composition API(二)

Vue3学习(七)-其他Composition API(二)

Vue3学习(七)-其他Composition API(二)

customRef

简单介绍

用于自定义一个ref,可以显式地控制依赖追踪和触发响应
接受一个工厂函数,两个参数分别是用于追踪的track与用于触发响应的trigger,并返回一个带有getset属性的对象。
需求:使用customRef实现防抖函数

使用方法

自定义hook Vue3学习(七)-其他Composition API(二) 在home中使用自定义hook Vue3学习(七)-其他Composition API(二) Vue3学习(七)-其他Composition API(二) Vue3学习(七)-其他Composition API(二)

provide与inject

简单介绍

provide和inject提供依赖注入,功能类似2.x的provide/inject
实现跨层级组件(祖孙)间通信

使用方法

父组件 Vue3学习(七)-其他Composition API(二) Vue3学习(七)-其他Composition API(二) Vue3学习(七)-其他Composition API(二) 子组件 Vue3学习(七)-其他Composition API(二) 孙组件 Vue3学习(七)-其他Composition API(二)

响应式数据的判断

简单介绍

isRef:检查一个值是否为一个ref对象
isReactive:检查一个对象是否是由reactive创建的响应式代理
isReadonly:检查一个对象是否是由readonly创建的只读代理
isProxy:检查一个对象是否是由reactive或者readonly方法创建的代理

使用方法

当然使用的前提都是先引入。 响应式数据的判断,可以自己试一下。

先更新一部分,后面会继续更新,敬请期待

转载自:https://juejin.cn/post/7267158769490673704
评论
请登录