00:00
好嘞,各位,那在这一小节呢,我们给大家说几个有用的API啊,它可以对响应式的数据呢进行一些判断,就比如说我们编码的时候啊,你写了这段代码,Let一个sum等于re,然后呢,你把这零啊给它丢进去了,那你自己心里肯定明白啊,这个sum呢,是ref类型的数据,但是如果说你写的数据越来越多,而且这些数据呢,还经过了一些函数的处理,那你就容易分不清了,这个数据到底是什么类型的,或者说这个数据有没有经过read only的修饰啊等等这些,还有就是呢,如果别人传给了你一个数据X,那你需要判断一下这个X到底是ref类型的啊,还是react所定义的这个响应式数据啊,哎,或者说X有没有经过这个read only的修饰啊,都需要判断,哎,那就可以借助这四个常用的API来回到代码里啊,各位咱写写,我把之前写的这些东西啊都删掉,只留下一个组件就能演示明白问题了,然后呢,只留下这个啊,就是。
01:00
是,我是APP组件,这些都不要,只留下一个H3,哎,对,连信息我都不展示,那在这里边呢,不用引入这个child的了,这呢也别注册了啊,这里边还得写数据的啊,但是这个provide我不要了,把这些呢给它删掉,在这儿呢,同学其实不用提供数据了,但是我还是提供着吧,是吧,我提供了,但是我这不用啊嗯,那在这呢,再写几个数据啊同学,这个car我们心里明白是用什么定义的,哎,Reactive定义的响应式数据,那再来一个呗,Ref走,然后在这呢,我写一下啊,给它来一个,就刚才写那段吧,Some,把这零呢给它丢进去,好再来一个,来一个什么呢,叫做CAR2,哎,第二个汽车,然后这第二个汽车啊,有一个特点,它经过了一个人的修饰,谁呢?Read only,好,给它放在这把谁传进去呢?Car,那么接下来我就要判断一下啊,这个car到底是不是reactive类型啊,这个sum到底是不是ref类型,这个CAR2到底经没经过这个。
02:00
Read only的修饰,那这个时候啊,就需要这么几个东西了,来分别给他们引入一下啊,第一个呢,叫做A字ref啊,那还有一个叫做A资reactive,还有一个叫做A资read only,还有一个就是A资prox,哎,常用的是这四个,来我们分别输出一下啊,走着colo先输出谁呢?呃,正常判断一下吧,A ref我去判断这个sum,因为他的确是一个ref类型的,那么这个a react呢,我去判断这个人啊,就是这个car,因为它的确是拿这个reactive定义的数据嘛,那放在这儿好,再来一个就是read only啊,Read only你说判断谁呢?当然是这个CAR2呗,啊,还可以再判断一个人,谁呢?就是他is proxy,大家都知道啊,我用这个reactive所生成的响应式数据,根其实是谁?那根其实是它对吧,各位pro,所以说各位走着这个判断应该也为真,哎,在这个。
03:00
走CAR2啊,Car是吧,应该也为真,因为car的确是用这个定义的吗?那根基不是proxy吗?来看一下这几个输出呢,都应该为真,刷新一波对吧?各位,哎,都是帧好了回来,诶,这块有点不对了啊,给删掉好保存,那这里面呢,还有一些细节上的问题啊各位你就比如说a proxy,我把CAR2交给他,诶这时候你瞧效果啊,各位,刷新一波,它还是帧,哎,这块要引起大家的注意,就是这个read only啊,的的确确修饰了这么一个响应式的数据,但是他给你返回的各位依然是一个代理的对象啊,有一种感觉,他把这个的代理给你了啊,但是你改不了,因为是read only的,哎,就简单说吧,各位,Read only处理了这个响应式的数据,Car并没有把它变成一个object的类型,依然是啥类型,哎,Pro这个代理类型啊,那我们可以判断一下各位,就比如说我把这个I。
04:00
CU交给他同学,我们都知道这ref底层用的是那个object的,对不对,没有用那个,那所以说各位你说最后一个输出,那这么看的话就应该是false对吧?哎,就是给我们提供了一些常用的API来读一下最后这个啊,前几个大家都明白,读一下最后一个这个a prox是检查一个对象是否由reactive或者是read only方法所创建的代理对象啊,简称代理是不是,各位好,那这一小节呢,我们听。
我来说两句