00:00
好嘞,各位,那在这一小节呢,我们给大家说两个跟setup相关的注意点,为了说的更明白一点呢,我们得重温几个VIEW2里的知识点,那接下来呢,回到桌面,我不是建立了这么一个工程嘛,就是临时做测试的,我这里面写的都是VIEW2的代码,所以说接下来呢,打开它,我已经提前打开好了,在这儿呢,哎,这是VIEW2的,我们刚才写的VIEW3的代码,各位在这儿呢?哎,你没看我刻意没有把它全屏吗?对吧?哎,在这呢,来给它打开,我准备好了两个组件啊各位,第一个呢,就是APP啊,这个外壳组件写了一个大的div,哎,给它上了一个样式叫APP,那样式是什么呢?打开看一下,有背景有攀定,是不来折叠起来,里边呢写了一个H1啊,我是VU2写的效果,那在这儿呢,用到了一个DEMO,这个子组件在这呢引入了,在这儿呢,注册了啊,合理合法的是不是来给这个关掉,再打开这个DEMO组件里边也是啊,写了一个容器,给了一个样式叫做DEMO,也是有背景,也是有盘啊,里边这块呢,没有配置数据。
01:00
也没有配置方法,干干净净的来回忆VIEW2里的第一个知识点就是pros,诶,S是干嘛的来着?各位诶,从组件的外部给组件带数据的是不?那我就带几个数据,比如说第一个数据叫做message啊,它里边的这个内容呢,随便写一个啊,比如说叫做你好啊,OK,再来一个啊,比如说叫做school学校,那我在这儿呢,直接写上硅谷,OK,我传递东西了吧,给这DEMO,那我们之前学过,我想在DEMO这接收,那我得怎么写,是不是得写这么一个配置项啊,名字呢,叫做props,来在这写一下pro,然后它的写法有很多,那如果我不想对类型做出限制,我怎么写数组呗?哎,直接说我收到一个MSG,还有一个什么呢?就是school啊,那我怎么用呢?啊,这个东西你得知道声明之后啊,他跑哪儿去了?哎,如果你VIEW2之前听的比较仔细,大家都知道是不是跑到这个组建实力对象VC身上去了呀?哎,那我怎么验证啊,简单在这写一个生命周期。
02:00
钩子叫做mounted,只要一挂载我就做一件事儿,输出谁呢?Consolo这个Z啊,输出这个VC给大家看一眼啊,回到这儿,各位打开这8081啊,别回到这儿了,这是VIEW3TEST,瞄着点这看这名字啊,瞄着点这看叫VIEW2DEMO你得打开这个啊来回来点一下走控制台呢,开好它肯定是有这个样式的啊刷新一波我输出的是谁呀?各位是DEMO这个组件的实力对象对不对?打开它身上一定有messageage,还有school,哎,那是因为啊,你特别给力,你在这声明接收了,那如果你不声明接收呢,保存回到这边刷新一波,打开DEMO的组件实力对象身上没有MSG也没有故对不对?哎,我们之前说的嘛,你外部啊,不仅得传,哎你这里边儿呢,你也得特别给力的去声明接收啊,之前啊,我们一直是这么学的,但是在这儿呢,跟大家说一下,就是说你这如果不接收,其实你也能在一个地方啊,找到你传入的那个message和。
03:00
School在哪儿呢?来各位在这儿呢?啊,我们之前确实没看过啊,回来刷新一波啊,打开这第一个就是来各位,嗯,Atts啊attributes哎,打开这个走各位,你发现诶msg school我一讲到这儿吧,可能有同学说,哎呀老师啊,那你之前给我讲那pros干嘛呀,你早告诉我呀,说老师你早跟我说,你就告诉我兄弟这传就得了,是不在这儿啊,收不收都无所谓啊,爱声明不声明声不声明啊,我都能在这儿拿到m SG school,这多好呀,同学,这种方式啊,你听我说虽爽,但是你不能够对类型做出限制,你觉不觉得?同学你看你在这儿没有声明,那可就意味着人家传的这个MSG这个故,那人家可随便传了,人家给你传的MSG和故,哪怕是一个数字number,那在这呢,你都毫无怨言的接收,那是不行的,哎,所以说同学写这个呢,还是有道理的。还有就是各位你。
04:00
完了这东西之后吧,你声明接收之后吧,毕竟啊你省心同学你发没发现啊,你只要一声明接收,你打开是不是在他身上直接有这个,那你在模板当中,我问各位当然就可以来走着直接写MSG,那在这呢,直接写school,回头刷新是不是就得了,你好啊上硅谷,那如果你不接收呢,各位那就得麻烦了,是不是得写到了福at ts完了点那这呢,同理呗,给它复制这呢到了福他点是不回到这儿是你不声明也拿到了,但是麻烦呗,还不能对它做出一些类型的限制,对不?各位,哎,这里边呢,还有一个特点,各位啊,你看好了,我在这儿呢,先把它删掉,哎这两行呢,先都删掉吧,走同学我问一下,现在我声没声明接收message和四姑没有,哎,我是没有声明接收的,那外部传没传呢?嗯,传没传,传了各位这时候你看着啊,外部传了,我没声明接收刷新。是不是出现在这里,哎,好,再看着外部传了我声明接收,那这个时候你看好了,刷新一波走VC身上是不是有,但是这儿呢,打开没了。
05:11
哎,感觉一下各位就是什么呢?如果你在这声明接收了,哎说别人啊,要给我传一个这个和这个好,各位,那这俩东西如果传过来之后,就真的给你放在VC身上了,那个Dollar符at t rrs里还有吗?没有了,哎所以说同学开玩笑的讲啊,这个Dollar符at t rrs有一种感觉,他在捡漏是吧,别人传了,但是你这儿不要的东西,哎,那给我吧,我觉得挺好的,就这意思啊,那比如说同学这个故我不接受,我只接受这个message啊,只声明他,那你看一下效果,各位VC身上出来的真的只有message,那个school呢,偷偷的在这儿呢,是不?各位,哎,就一种感觉,他在这儿呢捡漏,他在这儿呢都底OK,这就是第一个啊,关于Dollar符at t RS,哎还有另外一个各位,就是关于什么呢?关于这个插槽啊,大家还记得吗?插槽有几种啊,默认插槽,句名插槽,还有作用于插槽,咱们这样啊,随便呢写几个插槽同学啊,我都。
06:11
不在这个DEMO里面流出那个坑位,同学插槽的使用方式大家还记得吧,就是你得在这个子组件里面留出来一个坑位,然后等着父组件去填充,对不对?诶,咱说在子组件里面挖个坑,等着父组件去埋点土,是不是这意思?诶那在这儿呢,同学你看着我连这坑呢我都不挖,诶那这个时候呢,刷新一波,你发现这个子组建的VC身上,哎有这么一属性,各位叫Dollar符什么呢?插槽吗?Slo插槽吧,Slo呢?诶一堆插槽吗?打开同学身上有插槽吗?没有,为什么呀,因为你没有在副组件里给他传东西,那如果你要传点,各位你看着这东西啊,它就有意思了,来写上DEMO随便传点啊,比如说我传一个span,哎,叫做上硅谷,OK,写完了吧,其实这就属于你已经给子组件传东西了,但是子组件里面同学是不是没有挖那坑啊啊,当然你挖个坑也行,我先不挖坑啊各位来回到这边刷新,你不挖坑那东西呢,肯定不出来嘛。
07:11
但是同学我想说的是,就即便是你没挖这坑,那么你在副组件里面给它传递的这个东西,哎,插槽里的这个数据死半元素上硅谷其实也没丢,那在哪呢?打开这儿,然后找到这个dollarlos,发没发现里边有一个default,诶,而且呢,是一个数组,你打开数组里面同学走着,还真有一个插槽里的内容,那插槽里的内容其实不就是一个虚拟的盗墓节点吗?那你看tag是span,所以说人这的体现是v node,对吧?V什么意思?Visual虚拟的那个意思,Node没有节点的意思吗?啊,一个虚拟的节点,但是我们心里面深深的知道,这个虚拟的节点如果在这,你一旦给它挖了个坑,你写了一这玩意儿好叫做slo,他那就意味着同学这个虚拟的盗墓节点最终会转成真实盗墓,是不是塞到这里面去啊,哎,那你看一下效果刷新,你看上硅谷是不是出来了,哎,那在这呢,同样也可以看到它呀,到符los打开defot里的第一个是不是在这呢?
08:11
各位,哎,说老师,那我要传多个呢,可以啊,回到这,在这儿你看我再写一个,叫上归谷,再来几个感叹号,同学,你说我传了几个呢?这就是两个了是不?各位,诶,那回到这儿呢,刷新一波,再找Dollar forlos,诶同学,打开这数组几个是不是两个?哎,两个都是死SPA是吧?哎,里边有什么内容啥的?OK,就是通过这个dollarlos,我可以取出副组件给我这个橙色的子组件所传递的插槽是不?哎,能拿到这个啊,就是可以让你去触碰一下,好吧,哎回来说老师,那如果这个插槽要是有名字呢?哎,那就更有意思了。各位,在这儿呢,咱说了啊,你挖不挖这坑都无所谓,来给他删了起来,那我写几个带名字的,带名字的那就有要求,各位,你是不是得写这个东西,Templ完了把这个东西呢,放在里面啊,那同样的把这个删掉,把这一堆呢,再给它复制一下,那同学既然有名字,那你说这是不是得写写name吗?看你能不能记得同学这不写name啊,Slo在这挖坑的时候,你得写slo。
09:11
它里边配内,但是在这儿呢,哎,直接写slo对应哪个插槽就得了,比如说这拿一个叫做DEMO啊,那在这呢,再写一个,哎,或者别叫DEMO了,叫这个TEST1插槽,那在这呢,再写一个salute test2插槽,OK,好了各位,那这时候呢,回头来看一下啊,回头这边刷新一波,哎呀,有问题,他说什么呢?模板解析失败了,说哪有问题呢,看一下啊,说没有什么一个结束的标签来检查一下吧,回到这找到templatet啊这呢也找到templatet,这是slo,那这呢是slo,哎,写在这了,这写错了是吧,给它检查一下,放在这,OK,回到这呢,刷新一波,各位找到子组件的VC,找到Dollar forlos同学,你看T1插槽,T2插槽是不是都能触碰得到呀?OK,那这就是VIEW2里面,诶,几个之前旧的知识,还有几个我们哎没有提到的东西,OK同学,一个是Dollar福at t RS,一个是Dollar福los OK,好了各位,这是VIEW2里的东西哦,来,把它停掉。
10:11
把这关掉,把这个也关掉,那接下来我们就可以去探讨VIEW3当中setup的几个关键点了。首先说说setup的执行时机,各位,这个特别重要,它会在before create这个生命周期钩子之前执行一次,并且它的this是andde find的,大家还记得这个钩子吗?我们当年在讲VIEW2的时候,这个钩子可是在最开始执行的,大家记得不来找到给大家的资料里面找到这个原理图啊,这不有个生命周期嘛,来放大各位啊,这个VR的生命周期,咱说了这不算生命周期,这些东西都是环节,这才叫生命周期对不?各位你看VIEW2里面第一个生命周期勾的是谁?是before,那我给你说呀,各位,就是VIEW3里的这个setup执行的时机比他都要早。
11:03
哎,怎么验证呢?来各位,回到我的VIEW3代码里面啊,这个呢也关掉,找到这个APP,那接下来呢,各位我精简一下啊,这里边东西写的太多了,关于数据的修改我们之前探讨完了,所以说我这样啊,各位,我只展示这个人的姓名和年龄,写那么多东西没有用,反而让大家迷糊,这些删掉啊,然后在这儿呢,我再处理一下,人呢,不需要有这么多的数据了,这些呢,删掉,哎,就留这俩就够了,然后方法呢,一个都没有,我也不想改啥对不?然后交东西的时候,同学这些都没有,我就交出去一个person数据行不?这回干干净净了吧,然后呢,再做点准备性工作啊,因为一会儿呢也得演示插槽那个东西,所以说我还得来一这个,哎,就是子组件啊,写一个DEMOW,哎,当然这D也是大写来调一下DEMO,然后在这里面呢,写好固定的这些代码,那这样吧,各位,我把这个APP里边这些东西全选复制,我放在哪儿这个里边,诶名字一改不就得了吗?叫DEMO完了APP这里呢,我让它干干净净的这里边删掉我用。
12:04
碰到的组件是DEMO这个组件,诶咋写的走,然后在这呢,我得引入那个DEMO吧,那在这就不用引入那个view了,在这呢直接写import,引入什么呢?这个DEMO from当前目录下的components下的这个DEMO写完了之后呢,这一堆我就不要了啊,各位全都给它通通的删掉,写一个components,我去注册一下这个组件,这不就得了吗?诶,就是调整了一下,同学加了个壳是不?诶他在这儿呢啊,回头看一下效果啊,刷新一波走人的信息出来了啊张三18,好,接下来同学验证刚才说那事儿,什么setup执行的时机比这个before create都要早,而且是执行一次的,并且this是and find来验证回到我的DEMO组件里面,同学怎么验证?我就在set up的最上方给你来一个consolo,然后杠杠杠写上set up,再来一个好啊,那在前边呢,我再写这么一个东西,叫做before create一个生命周期钩子是不?那这会儿呢,跟大家说一下啊,就是VIEW3里面吧,他把这。
13:04
生命周期啊,也改了一些东西啊,但是在这儿呢,我们先不说,因为我们有一个单独的小节啊,去给大家讲这个563里面的生命周期,在这来一个consolo,然后在这呢输出这个杠杠杠走杠杠杠,嗯,诶当然了,得加上这个引号走着OK,看效果啊各位回到这边刷新说明了问题,谁的执行比谁早,Setup的执行比这个before c要早,而且最主要的是各位啊,这个setup里边的这个this你可瞧好了,是and find刷新。如果他是and fun的同学,那么引发的后续动作是什么呢?就是在这个里面你无法通过this去取到任何的东西,你也甭想写这this对不对?哎,就可以这样讲,你在setup里面一旦写了this,嗯,那你好像就输了是吧?各位好,那给这个呢删掉OK,那这个呢,我们验证完了,哎,同学,最重要的啊,我们最想说的是setup所接收到的参数,诶,那能接收到几个呢?我们试试啊各位在这呢,我写三个先啊AB再来一个C啊,那我把这个呢,临时先给它注掉啊来,在这呢,我输出这个ABC在这呢,同学,删了吧,行不?这句话一读大家也就记住了,是不?我就不在这写了,把这个删掉,那在这看着啊,ABC看看都是什么东西呢?刷新一波,有A没有,有B没有,有C吗?没有,所以说setup只能收到两个参数,那这两个参数分别叫什么名字呢?来吧各位,先研究研究第一个第一个呀。
14:36
不叫A,诶,我叫组,我告诉你啊,叫什么呢?叫pro来吧,同学,我一说这个大家马上就明白了,那肯定是组件的外部给组件里面传东西的时候在这接收呗,啊来各位找到APP去给他传点东西啊,还是传一个MSG,嗯,比如说叫做你好啊,再来一个学校,写好叫上硅谷,OK,写完了吧,各位,嗯,那回到这儿看看能不能收到东西呢?回到这边啊,刷新一波,首先观察在这里面我没有得到任何外部传进来的数据,而且提出了一个view里的警告,这警告什么意思呢?各位直接跟大家说啊,就是他发现啊,外部给你的DEMO传递了两个东西,一个是message,一个是school,然而你呢,却没有理会他。
15:26
哎,就一种感觉,说哥们你犯错了吧,人家给你传了这两个东西,你这怎么没用呢?哎,然后就出现了这么一个警告,V2里是没有这警告的啊,VIEW2里就是你传传你的呗,我不想用,那我就不接收呗,那VU3里面不行,哎,你这只要传了,那你这如果不用,人家就给你一个警告,说老师那我想用啊,但是我收不到啊,我收不到这个东西啊,为啥收不到?哼,你没生明白对吧?各位is在这啊,来,走着同学啊,你自己吧,下去你得多写一写VIEW3的东西,View u3这里边的东西吧,就是特点就是一听都会,一写呢就全不对,哎,你得慢慢来,各位,而且VU2和view u3来来回回在这切换,同学这个配置无论是VIEW2还是view三都支持,诶,告诉人家你要收到什么message,还有什么这个school,诶把它放在里面,对不OK,那这回你看下效果刷新,嗯,警告也没了,数据呢,也收到了m SG school,对不?哎说老师那我写错了呢,我这么写呢,走,我说呀,还能收到一个A,但别人没给我传A呀。
16:26
那你看一下效果呗,刷新各位A,那就是安对犯的有警告吗?哎,这回他就没警告了是不?哎,人家传了你不接收有警告,人家没传你接收了,诶他没有警告是不好了,回来啊各位,这A呢,给他删掉,嗯,这不就收到了吗?OK,哎,这就是它的第一个参数,说老师,那我如果只收到一个呢,我就写一个message呢,那这样的话警告依然会出现,哎,他告诉你不对,还有个school呢,你没有接收是不?各位,哎,好了,回来走着,而且你发现啊同学他还有一个特点,你看他把你收到的那么多的pro啊整理成一个对象,并且是啥对象,哎同学这个怎么说叫代理对象,或者叫做prox实力对象,那也就是说这玩意儿能咋的能实现响应式是吧?各位,哎,好了,那么第一个参数呢?我们说完了,接下来聊聊第二个参数,第二个参数啊,在官方文档里,它叫这名contest,哎呀,同学,我们在学那个view叉的时候,是不是遇到过这词儿,Contest啥意思?上下文,上下文对象啊,同学咱之前也聊过,无论。
17:26
前端里面还是在后端里面啊,就你遇到这个上下文了,你就想想各位,一般这个东西都是说此时此刻你需要一个什么东西,诶然后呢,人家呢,刚好就把这一堆东西给你整理好了,就形成一个上下文,哎,那来咱看看啊,这个上下文里面到底有什么呢?那我就这样把这个先给它复制一行,把这个注掉,因为这个我们研究完了,接下来研究一下这个context啊来回到这边刷新啊,谁输出了context context的本质是一个什么东西,是一个对象,哎同学这可不是响应对象了,是不?就是一个普普通通的object类型的对象,那打开这个走身上呢,有三个东西是我们关心的啊,哪三个呢?这两个和这一个是不?哎同学就直接说吧,这个atts就相当于刚才你在view里面所看到的那个atts啊,那这个los就是刚才你在VIEW2里面所看的那个Dollar福S,那你说这个是啥呀?同学,这词你熟悉不?MIT用于。
18:26
拿的触发自定义事件的对不?各位来吧,挨个验证,咱们先研究一下这个atts,那回到这儿我就先输出这个点,ATTRS那看一下哈,回来刷新一波,各位里边没有东西啊,说老师有啊,有这么一个东西,有有呗,我们不关注啊,对于我们来说没用,同学没有我们所需要的东西,为什么呢?很简单,因为人家外部传递的和这个故咋的,你都声明接收了是吧?各位,所以说人家at rrs里边就不放东西了呗,跟刚才的规则呀,是一样的,如果你不写这个,各位保存,回到这边刷新一波,那警告是肯定得有的啊同学,这肯定得有是吧,那你看一下at t rrs里,诶有没有这个,哎,有没有这个是不是有了?哎,那如果说呢,诶我声明一个,那么你发现你没有声明的那个呀,刷新一波就跑到at trs里去了是不?那你声明的那个呢,当然在这儿呗,来看一下刷新一波啊,是不是在这,你好啊,过来了是吧,这是第二个输出吗?好。
19:26
对来,那这个呢就说完了,再说另外一个谁呢?刚才你看到的就是那个1MATE,那我这样做啊,同学先输出这个contexttest,哎,然后一点点研究这个是什么呢?叫做相当于哎这个V2中的什么呢?Dollar符at t rrs啊你先不用去整理笔记啊,咱们这都有一会儿我们整体过一遍就可以了,那这行呢,分析完了我们就给它注掉,那再往下看context里的第二个参数是什么呢?同学这啊,总有这警告,太烦了,所以说呢,你请允许我在这儿呢,把这个school啊给他声明一下,OK好了,回来刷新一波,嗯,打开,接下来研究谁呢?这个1ATE的同学,这东西啊,你熟哎,触发自定义事件呢,来吧,回到APP里面给这DEMO咋的绑定一个,哎,不能是可Li吧,各位,不是不是,你给组件绑定的是自定义事件对不对,各位,哎,那在这呢,写一个hello,说老师不能绑定这个正常的点击可以,各位你还记不记得了,我写一个艾click来一个什么点什么native对不对,诶那不就变成原生的那个click了吗?
20:26
那在这同学删掉我写一个hello这么一个事件,诶如果有人触发这事件了呢,我就写这么一个东西啊,叫做受hello message啊,展示一个欢迎的这么一个信息,那在这是不是就得配置一个方法呀,说老师好嘞,我写一个message那不就错了吗?这不有三吗?这不V3吗?哎,得写啥来着,Setup对不?各位哎,那里边怎么写,正常定义一个函数就得了呗,啊那在这呢,给它来一个alert弹窗,弹窗什么呢?来这么写啊,叫做你好啊我你触发了嗯这个hello事件,我收到的参数是是啥呀,这是不是能收到啊,哎,那我就直接写一个value吧,那我把它呢,想拼进去,那就是模板字符串呗,写一个value呗,OK,在这再来一个小小的感叹号,OK了,那在这个东西是不是还得给它return交出去,你不交出去模板里怎么使用啊?哎,这不是配置方法吗?OK,你给这个DEMO组件绑定了一个hello事件,如果触发。
21:26
那人家就调这个show hello message OK不,各位好,回到这边,那我在这儿呢来一个按钮button,哎,叫做测试触发一下hello,哎,应该这么说,叫做DEMO组件的hello事件第三个OK,在这呢来一个at福click名字呢给一下,哎哟,艾符重新来一下啊click然后等于这块就叫做TEST1就得了,哎,或者就叫test也行啊,咱也没有TEST2的,那在这呢,各位还得写一个呗,对吧,方式叫做test,然后在这呢写好,那这配置的其实叫做什么呢?方法是吧,来写好方法,OK,那里边怎么写呀,各位你有了contest,那你就知道怎么写了,Contest点是不是mate,哎,就是不用在Dollar服mate了,直接写点mate就可以了,触发什么事件呢?Hello事件带点数据呗,666可以吧,各位别忘了他咋的得交出去,然后上边才能用是不?各位来测试一下回。
22:26
这边刷新,各位停下来啊,先不用去测试,警告出现了,咋了呢?说什么什么什么,还说了一堆同学啊,在这儿看最后。请你使用emmits这个选项,在这儿呢,同学吐槽一下有点烦,在V3里面它是这么一个设计,就是说你这父组件APP给没给子组件绑定一个hello事件绑定了,那么他的要求就是在子组件里面,你得通过一种方式告诉人家说,哎呀,哥们儿,你给我绑定的hello啊,我这边确实要用是吧,我知道你给我绑定一个hello了,在VIEW2里同学没有这限制,说白了你这副组件呢,随便给他绑定自定义事件,你只要敢绑,我这边呢,一触发就得。但是在这儿同学就有一种感觉,你得告诉人家一声,说哎呀,我知道了,你给我绑定了一个什么呢?啊,这个哈,这么一个自定义事件,那你得用一个全新的配置项,叫做emmits啊,跟pros有点像,直接在这声明就行,然后告诉人家啊,我知道了,你给我绑了一个hello事件,那这回你再一刷新,诶,你看警告就没了啊同学这会儿呢,你不用太在意啊,或许以后呢,这警告就移除了行不哎。
23:36
回来说老师,那我就不想告诉他,那能不能用呢?必须能用啊,你看一下走各位你看你好啊,除发了哈数现我收到参数666是不是可以,哎,但是在这就是有一个警告不太好,你把这个给它加上啊就可以了,刷新一波没有警告了,你测试也是可用的对不?各位好了,那剩下最后一个了,就是他身上的这个slos啊,那回来各位我把这个呢给大家再来一份,在这写一个1MIT,哎,叫做处罚自定义事件,触发自定义时件事件,还是啊各位,这个VIEW3相关的东西啊,你回头呢,是这样,不用去在代码里边找笔记,我们VIEW2里确实是边讲边写对不对,那些东西啊,那在这呢,就直接看这个啊,直接看这个回头OK好了,同学,测试另外一个就是那个slos,来吧,写写吧,在这里面找到这个子组件给它来一下啊,叫做DEMO,诶让它结束啊,DEMO好,里边呢,传点东西啊,哎呦喂,这怎么总错呢,这样做啊就好了。
24:36
走,里边传点东西,传一个SPA啊,然后还是写啊,上鬼谷OK好了吧,嗯,那回到这儿,各位刷新一波,嗯,那咱得输出那个los是不是找到DEMO,那在这呢,再来一行给它解开,叫做slos好,在这呢,把它删掉,嗯,好了,看一下效果啊,那这个呢,给它也注掉,回到这儿啊,刷新一波,嗯,同学,插槽里有东西吗?有这儿呢,Defat是不?哎,回到这,你看你副组件里如果不写这span删掉,回到这边刷新一波,各位有那个default吗?哎,没有,拿到的其实就是那一堆插槽,哎,说的再直白点,拿到的就是一堆副组件给你传递过来的一堆虚拟do是不是?哎,一堆那些东西传过去了,但这些东西最后能不能变为真实的do放入页面呢?那得看看你在DEMO里面给没给它留出插槽的槽位是吧,各位,那如果你留就直接写个lo就得了呗,是不?哎,好了,撤回来,那在这儿同学,那这是传递一个默认的这么一个插槽。那如。
25:36
如果说我传递的是有名字的呢,那当然就得写一个template啊,那在这呢,这就写,那在这儿怎么写来着?Slolo等于随便写一个,比如说那个插槽的名字啊,叫做q we好了,写完了吧,回到这儿呢,刷新一波,各位打开说老师这怎么还是默认的呢?同学这儿咱得说明白,你看这挺有意思的,我在这写tempet了,我说了呀,是这个叉槽呢,怎么不奏效呢?哎,同学你记不记得我们在讲插槽的时候啊,咱说你挖坑的时候啊,没有什么新写法,但是你往里边填这点土的时候是吧,你给他传东西的时候,同学就这么说吧,Tempatet里面指定到底是哪个插槽,有两种写法,那么第一种就是我现在这种写slo,等于一个什么什么什么什么东西,我好像跟你说过,另外一种V-slo冒号什么什么对吧?各位,诶你发现你给它改成这种形式,V-lo冒号,别加这引号,直接写q we,那回到这边刷新一波,你瞧各位,这就是一个API兼容的问题啊,反正推荐大家吧,要是在这个里面你尽量的咋的,哎,就用这个V-slo用冒号的这种形式,这是一个新的API,哎,那如果你再传一个呢,走,比如说这个呢,不是q we了,是as SD啊,那保存一下回到这边。
26:54
刷新,各位你看有q we,有ASD,好吧,哎,咱就把这个setup的这个参数呢跟大家说了一下来吧,各位总结一波啊,在这呢写一个注释吧,哎,叫做插槽,好,总结一波啊,回来时机的问题说完了,接下来说说参数,Pro直维对象包含组件外部传过来,并且组件内部已经声明接收了的属性,那么context叫做上下文对象里边的at ts职为对象包含着什么呢?组件外部传递过来,但是没有在pros配置中声明接收的属性,相当于二那个年代的Dollar at ts啊,那么这个lo呢,就是收到的插槽内容,相当于this.dollar符los啊,那这个emmit呢,就是分发自定义事件的函数,相当于this.dollar1mit,哎,同学,VIEW3呢,它就是这个样子啊,非常琐碎点非常多,慢慢来,好吧,各位来,那这一小节呢,我们停。
我来说两句