00:00
好了,各位小伙伴们,那么我们刚刚讲完组建实力身上的Dollar children与Dollar parent这两个属性。那接下来啊,咱们再讲一个小知识点,叫做混入,那咱们呢,做一下笔记,混入叫做missing。那这里面呢,咱们也说道说道,也就是说如果项目当中,哎,项目当中。那么出现了很多结构类似的功能。那么我相信很多小伙伴可以想到啥,是不是想到咱们的这个组件的复用。对不比,就说如果项目当中,诶有很多地方它的功能,它的结构类似,那完全可以封装成组件进行复用。那这块呢,要注意一件事儿,说如果项目当中。哎,很多的组件,他们的GS业务逻辑,哎逻辑相似。
01:04
对不,那你这样就要想到谁,哎,想到呃,混入missing。那它说白了可以干什么,就是可以把多个组件啊GS部分。重复的,哎,而且相似的地方。就是如果很多组件,它的JS逻辑部分哎。函数名都一样,功能也一样,重复的出现,那你就要想到谁想到混入。举个例子,就比如说咱们刚刚讲的这个案例当中。对于儿子组建,你看乃是GS部分,这是不是temp,是不是结构部分?对吧,那这是不是属于GS部分,那当然还有一个叫做style,是不是样式部分,那咱们的混入主要说的谁,主要说的是GS部分。那咱们可以发现发现一件事,什么事,对于子组间儿子。
02:03
在他的GS当中,Method当中,这里的写法是不是有叫give money啊这样的一个函数。而对于。子组件啊,这个女儿组件那也是一样的,那你会发现MY的这里是不是也叫做give money,而且业务逻辑都是一样的。那也就是说,这两个组件的GS部分,是不是出现了业务逻辑相同,功能相同,甚至连名字都相同的部分?那像这种情况,咱们就可以封装成一个混入。那咱们呢,可以在这呢新建一个文件夹,比如说咱起个名字叫做my missing。对不,那咱们呢,可以,哎,来一个这样的一个模块。对吧,比如说咱来个啥呢,叫做my missing,哎,missing.js。那咱们呢,刚刚也发现了,对于儿子组建和女儿组建,他们都有相同的部分,就是这个method。
03:07
那咱们完全可以,哎,写这样的一个模块,其实说白了就是一个GS文件,一个模块。你可以让他,哎,对外暴露xport default对外暴露一个对象。那这个对外暴露的对象里面就可以书写什么,写一下子。那么对外。暴露的对象,那么就可以怎么的,是不是就可以放置,哎,组建重复的GS业务逻辑。哎,业务逻辑。那首先说对于儿子那麦的这里,那这个GS部分你就可以给他带走。对吧,放到咱们的混入里面。对不,哎,那在这,那当然对于咱们的子组间女儿是不是也有相同的业务逻辑,那他这块呢,你也可以怎么的,你也可以给他删掉。
04:02
对不就相当于儿子跟女儿这两个子组间,哎,复用了GS部分,我单独的提出来。对不?哎,这不是咱当年学no当中的一个模块吗?对外暴露了一个对象,对象身上有methods,那这不就是咱组建当中配置对象这块GS的东西吗?对不?那这样回首它两者的GS业务逻辑是一样的,你就可以引进来。对不,那咱也一下子也泡。比如咱就叫啥叫my missing。对吧,啊,以及它的路径,那这块你就可以怎么写这么写了,Missing。为什么一定要注意是数组,数组里面放什么放你引入进来这个变量。对不?那对于儿子,对于女儿都是一样的,那咱们写一下子,In part my missing。对不?那以及这块你得写谁是missing,为什么是为数组my missing。
05:06
对吧,那其实你会发现诶功能还是一样的,那咱们可以刷新看一下,其实效果还是一样的。所以说这块一定要注意,以后对于所有的组件当中,它的GS业务逻辑当中出现重复的部分,我们可以封装为一个混入。说白了就是GS业务逻辑可以进行重复啊,可以复用。当然有的同学说,老师,那难道这里只能写麦字吗?哎,写别的引擎,那比如说这两个子组件都有mounted,那你在这里也可以写生命周期mounted。对吧,就是你曾经所学过的所有的这些,呃,配置项,比如说对吧,生命周期,比如说watch啊。对吧,监听,比如comp呀,像这些GS业务逻辑都可以进行封装。所以说这是咱们的混入的一个使用。
我来说两句