温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
好嘞,各位,那在这一小节呢,我们给大家对比一下reactive与ref,我们从三个角度去对比啊,分别是定义的角度,原理的角度以及使用的角度。首先说说定义的角度,Ref通常用来定义基本类型的数据,而reactive呢,通常用来定义对或者是数组类型的数据,那这写了一个备注,就是RF也可以用来定义对象或者数组类型的数据,它内部呢,咱说求助了谁reactive,然后把你传入的那个东西啊转为了代理对象,哎,就咱说的那个prox的实例对象。再说说原理的角度,这个ref呢,依然是通过VIEW2那个年代所使用的object.property配合get和来实现的这个响应是,哎,那我们也可以说是数据劫持是不而呢,是通过ES6里的一个新的构。
01:00
造函数叫做proxy来实现的响应式,哎,或者也说叫做数据劫持,并且它对原对象的操作是通过reflect这个反射对象进行操作的,哎,这是原理的角度,再说说使用的角度,Ref所定义的数据,操作数据的时候在GS里啊,操作数据的时候你得点value,那在模板当中使用的时候不需要点value,你直接写就可以。reactive定义的数据呢,就是操作数据与读取数据都不需要点Y6,哎,所以说一般来说还是reactive我们用的呢稍微多一点,哎,可能大家说诶老师那reactive不能定义基本类型的数据啊,咱们之前怎么聊的来着,一般来说都把这个组件里面所用到的数据封装在一个诶对象里,哎,然后呢,把这个对象交给reactive,让它做成一个响应式的对象,哎,或者说叫做代理对象,对吧,各位。
02:00
哎,还有这儿呢,多说一句,你看啊,我这里面存的呀,都是人相关的信息,说老师那万一我这个组件里面用到很多很多的数据呢,那不仅仅是人的信息呢,还有点学生的信息,那你怎么办?各位,咱就这么写呗,哎,整个那个对象啊,就叫做data对象,然后这里边儿同学你再去分类呗,比如说我写一个person,它是一个对象啊,那然后呢,我可以再写一个student,它的值呢,还是一个对象,同学有没有点当年VIEW2里边data那个配置项的感觉,是不是有点那感觉,哎,那最后呢,你再把这个data给它交出去不就得了吗?是不?各位,哎,好嘞,那这小节呢,我们听。
我来说两句