00:01
哈喽,各位小伙伴们大家好。那么从今天开始啊,咱们呢,要去讲解后台管理系统项目。但是呢,在讲项目之前啊,咱们呢,需要把组件通信方式呢,稍微复习一下。当然今天咱们呢,也会讲解一些新的组件通信方式。那么我们已经学习过的,哎,就是我们已经学习过的组件。通信方式已经有几种了呢?其实已经有六种了。这六种呢,咱们呢,需要呢稍微复习一下。那首先说第一种组件通信方式是比较常用的,就是谁呢prop?它适用于的场景,那我相信很多小伙伴们都应该知道,就是它的适用的,哎,适用于的场景是什么?剩余的场景是父子。
01:01
组建通信。而且呢,在咱们的前台项目当中啊,咱们呢,也在大量的使用。但是呢,这里面呢,有一些注意的事项,这里一定要注意。那么如果是父组件给子组件传递数据。但一定要注意,如果传的是函数。啊,这块得注意啊,父子组件可以传递数据,那如果父亲给子组件传递的数据是函数。其实它的本质是在做什么,本质,那么其实啊,哎是子组件,哎子组件。给谁给父组件传递数据?所以说这种套路呢,跟react很像,那当然还有一种情况就是如果负组件。哎,父组件给子组件。
02:02
传递的数据。传递的数据怎么的就是非函数形式。那么其实本质啊,本质就是负组件。给子组件传递数据。而且呢,还要注意一件事,什么事?在view当中,Prop的书写的方式它有几种,有三种。对吧,那么第一种呢,是咱们比较常用的就是这种数组形式。父亲给我传了十条数据,那我就可以用数组去接收,对吧?那举个例子,比如说咱们接收一个叫todo,对吧,那咱们在基础的时候写过一个案例,就是todo list,对吧?啊。那这是第一种写法是数组,那当然还有第二种写法就是对象。对吧,对象的写法呢,可以让副组件啊,给子组员传递数据,比如说我接受的是什么类型的数据,比如todo是array,那就A。
03:08
对吧,那当然还有第三种写法,也是对象写法,第一个是接收数据的类型,对吧,比如说ay啊,数组类型,以及有一个默认值叫default,比如默认是数组。那这些呢,是在咱们基础的时候所学的这三种prop的书写方式。除此之外呢,其实呢,还有一个知识点,这个是一个小的提示,哎,小提示。其实啊,咱们呢,还有一个知识点也涉及到prop,就是什么呢?路由对吧,哎,路由的prop。那在咱们的前台项目的第一天,其实老师也说过,路由也可以传递prop对吧,它有几种写法的啊,就是书写的形式有三种。
04:00
第一种是什么来的,还记不记得,第一种是布尔形式,哎,布尔值形式,第二种呢就是对象形式,第三种就是函数形式。所以说,也千万别忘记了,路由也可以传递prop。所以说呢,这是咱们组建通信方式学的第一种手段,就是prop。那还有其他的对吧,比如说第二个。那第二种咱们其实也用过了,在咱们前台的项目当中,几乎所有曾经你学过的组件通信方式都用过了,就是谁呢?就是自定义事件。那么它适用于的场景是什么呀?适用于的场景。那自定义时间说白了是干什么?是不是子给父,就是子组间给父组间,是不是传递数据,就是所谓的通信?那么它的写法呢?咱们应该记住对吧?一个是Dollar on,一个是dollarit,哎,Dollar写下Dollar on。
05:07
与Dollar。那这是第二种组件通信方式,那么当然还有第三种。第三种,第三种呢,其实在咱们的前台项目当中呢,咱们呢,也在大量的使用,就是谁呢,全局事件总线。就是谁啊,就是咱们曾经使用过的Dollar bus。其实它的原理就是咱们很早以前起,呃,就是总结的那句话,就是组建实力的原型的原型指向的是VE的pro t。对吧,咱们当年的写过这样的代码,就是点pro type啊pro.Dollar bus等于,哎,等于什么等于啊,VM。对吧,哎,这个是全局事件总线,那它适用于的场景呢,也写一下啊,就是适用于的场景,那咱们就写上一个叫万能吧。
06:10
那什么叫万能呢?就是父给子,子给父,兄弟啊,任何组建关系的都可以实现组建通信。对吧?哎,所以说这是咱们学过的第三种组件通信方式,Dollar bus,全局事件总线。那当然还有第四种啊,第四种。第四种呢,其实它是谁呢?是pop up。那但是呢,这里面呢,老师呢,要说一下的pop sub呢,它这种呢,它是在react,哎在react框架中。哎,使用的比较,哎比较多。但是呢,在VE当中你会发现咱们前台项目当中根本就没有用过pop up。对吧,因为这个小。插件它在爱框架当中使用的频率还是比较高的,但是在VE当中使用的频率呢,确实不是很高。
07:06
对吧,哎,他使用的套路是什么呢?是不是发布与订阅啊的套路,哎订阅。哎,订阅,那它适用于的场景呢,其实也是一样的啥呀,万能的,但是呢,这里要注意一下,在V当中咱们很少用。那这是第四种,还有第五种。那第五种组件通信方式,我不知道你们能不能想到这个呢?千万千万别忘了,因为在咱们前台项目当中,咱们在大量的使用谁呢?就是voe叉。对吧,那它适用于的场景呢,也是一句话万能的。对吧?哎,所以说VR你再回首再看的时候,其实它就没有什么难度,对吧,那当然还有第六种啊第六种这不就是咱们基础所学的这六种组件通信方式吗。
08:05
最后一种就是谁呢,插槽。哎,开。那插槽啊,其实它可以实现什么呢?可以实现父子组件通信。啊,对吧,哎写一下适用于的场景,什么场景啊,就是父子,哎组件通信,但是你要注意啊,通信的一般是什么呀?哎一般是结构,哎什么叫结构啊,就是标签。对不对,对吧,而且插槽咱们学了几种呢?学了三种,第一种叫做默认插槽。第二种呢,叫做具名插槽,哎,当然还有一个是咱们比较,呃,使用起来比较不是很顺手的一个就是谁呢?作用域插槽,哎,作用欲。插草。那当然啊,咱们今天呢,老师呢,也会把作用插槽呢,也会详细的跟大家再去聊聊,所以说上面的这六种啊,是咱们已经学习过的,已经掌握的六种组件通信方式。
09:15
所以说呢,这六种呢,千万别忘记了,而且咱们今天会在这六种。已经学过的这六种的基础之上呢,还会讲解一些其他的组件通信方式。
我来说两句