00:00
好嘞,各位,那在这一小节呢,咱们给大家讲一个view当中啊,特别强大,但是写起来呢,还特别简单的一个东西,就是插件,那插件有什么作用呢?其实它呀,可以帮助我们去增强一下view,什么叫增强呢?给大家举一个生活中的例子啊,比如说呢,你下载了一个游戏,它一共啊有100关,但是游戏里边的角色却只有一条命,这就很让人难受,对吧?你中间但凡失误一次,那就只能从第一关开始来了,于是乎呢,嘿,你下载了一个外挂,每次呢,在启动游戏之前,你都先把这个外挂开好,随后你再进入游戏,哎,一进入不要紧,发现不是一条命,是1万条命,足够你用吧,所以说你体会体会各位,这个外挂是不是就对你进行游戏操作的一个增强啊,当然这种增强是不合法的,我们也不推荐是不但是view里的这个插件同学,他对V的增强那可是合理合法的。
01:00
哎,OK,咱代码上见啊,打开这个school组件,这些东西啊,我都精简一下,这两行不要了,这个不要了,666不要了,回到student里面,这个呢删掉,这个呢也不要了,这个呢也不要了,OK,两个组件干干净净的完了,APP里呢,我看一下啊,引入注册写标签,OK,没问题,回到命点JS里,嗯,我不想用这个混入了,那就不要再引入它了啊,那这些行呢,就也给它删掉啊,那既然都不用了,那你说这儿呢,是不是也给啊删掉呗,好啊,看一下能不能运行啊,走,没问题是吧?嗯,看一下控制台没什么错误好了,接下来呢,我就去亲手定义一个view里的插件,那你得搞明白一个问题,插件的本质到底是什么,要是函数,那我就开始去写函数了,要是数组,我就开始去写数组了,是不?各位,哎,那我告诉大家,View里的插件本质上来说它就是一个对象,但是。
02:00
人家要求这个对象里面必须包含着这么一个方法,叫做install,什么意思呢?安装好了,来咱写写啊,你不要在这儿写,知道吧,哎,说老师那不就是对象吗?Cost一个OBJ等于我写一个对象,同学mean.gs里边不要去在定义插件啊,就像咱们讲这个混合的时候,各位你这个mix in是不是得定义出去,你别直接在这里边写呀,啊,那给这个呢,给它删掉啊,好,这些呢,都给它关掉,那开始吧,来,不要在这个component,里边写啊,Component里边就是放组件的,在这个src里边写啊,叫什么名呢?其实你可以叫这名demo.js,没人能拦得住你是不?哎,标准点的应该叫这个plu GIS plug什么意思呢?这个词本身就有插件的意思,好,写写吧,Cost OB BJ等于一个对象,对象里面包含着install方法,OK,同学,恭喜你,一个插件定义完了,但是你这个插同学hello low,什么事也没做。
03:00
是不啊,那我就先什么事也不做,我来一个console log啊,只要有人调用这个install,那他就输出这个东西install,再来几个艾特符,那同学我问你,你说会不会有人调用这个install呢?一定会有的,各位如果没人调,那我问你,你这个install方法还有什么作用吗?对吧?而且我还很负责任的告诉你,是view在帮你调用,OK,不用你操心了,说老师好嘞,文件就关了吧,诶,别关,各位你这个点GS没有提供任何的数据,别忘了呀,是不是得暴露啊,Aport def,谁呢?OBBJ,由于我只有一个东西,我就用这个默认暴露了,但是我没有必要写的这么麻烦,大家都知道是不是,哎,把这儿呢,跟它连起来就可以了,删掉删掉,OK,定义完了,也暴露完了,接下来呢,哎,引入它去使用它就可以了,但是这里边有一个事儿我得跟大家说一下,刚才呢,我给你举例子说呀,咱这游戏玩不明白,咱们用外挂,那第一件事儿你得是先开启这个外。
04:00
啊,第二件事儿,我问各位,你是不是在进入游戏呀,是这意思不?那我们这个里边也是各位,第一步你得应用这个插件,或者说你得使用这个插件,随后呢,你再去创建你的VM,是有一个先后顺序的,那也就意味着各位命点GS里边第十行之前,我必须得应用这个插件,你说对不?那你想应用是不是就得引入好走,写好注释啊,叫做引入插件iport名字呢,还叫这个plugins from当前目录下的这个plugins,那怎么应用这个插件呢?我引我引入了呀,但是怎么应用呢?View给我们提供了一个API,我觉得很好记各位,叫做view.view view什么意思呀?哎,叫使用是不?如果你对这个东西熟悉,各位或者是KA你熟悉,其实人家那个里边不就是用这个use去应用中间件吗,那在V。
05:00
右理呢,是用这个use去应用插件,OK,走,你然后把这个plugins给它往这一放就可以了,写好注释,这叫做应用插件,或者不说应用啊,各位说使用也是一个意思的,好,回来各位应用意味着什么呢?就是有人帮你调这个in install方法了,来回头看一眼啊,控制台,诶,瞧是不是输出了呀,各位啊,但有些同学也说了啊,说老师你这挺无聊啊,写的像模像样了,哎呀,对象里边有install啊,他帮你调啊,调了咋的了?有什么作用吗?哪儿增强了呀?各位听我说呀,他能收到参数,我先用这个A给你代替一下,在这呢,我再给你输出这个A,瞪大你的眼睛看看这个A呀,他是谁?来刷新一波同学A是谁呢?啊说老师A是VM,各位A可不是VM呀,A是VM的缔造者,View那个构造函数啊,对不,各位,哎,所以说回来吧,这行参呢,你换一下吧,叫做view。
06:00
那这块呢,叫做view,说老师那这又能怎样呢,又能怎么着,对不啊,你给我了同学这里边可能做太多事儿了,来我给你做几件事儿,你感受一下啊,各位打开之前我们讲的一个东西,哎什么呢,看一下啊。叫过滤器,我在讲这个过滤器的时候,各位应该提过一个东西叫全局过滤器,对吧?把这一堆复制回到这儿给它粘上,诶,这个叫做全局过滤器,那还能干什么呢?来我们还讲过一个东西叫做自定义指令,对吧?我们还写过一个全局的自定义指令,来把它放在这儿走,再把这些呢,给它解开啊,就把之前写的东西啊,咱都给它用一用好吧,哎,这块呢,给它折叠起来,这也折叠起来,那咱还讲过什么呢?各位是不是刚才讲了一个混入啊,或者叫混合呀,来定义混入,那怎么去写呢?view.makes in,然后里边是不是得写一个混入对象啊,那里边写什么呢?别一点点写了,刚才写过回到这儿随便粘一个,就比如说它了,把它复制,然后这会儿呢,给它关掉,回到我们这里边来走,定义了一个混入,那我还能干什么呢?各位瞧着啊,View点我往。
07:19
圆形上啊,放一个DEMO方法,它只要一调用啊就alert弹窗,弹什么呢?就是你好啊来写上这个啊,叫做你好啊,那别叫这个DEMO了,叫hello,各位,那这块是什么呢?叫做给view原形上,原形上哎添加一个方法方法OK同学,那你想想这回呀,你的插件做的事儿可就多了,你这插件同学你看看你只需要在这弱弱的use一下插件,那么这个插件里边有可能定义了N个全局的过滤器,N个全局的指令,以及N个混入,以及往圆形上添加N个方法或者属性,你说对吧,各位啊,这儿呢,给大家再说明一下,就是VM和VC就都能,哎都能什么呢?用了同学之前我们就给大家铺垫过,我说view原型上的属性。
08:19
和方法,VM和VC是不是都能用是不?各位咱之前可说过这事儿啊,说老师那这个就都能用了,来咱试试吧,各位回到你的这个组件里面随便找一个,比如说死固组件,在死固组件里面呢,我测试一下这个过滤器它好不好用,我这可是全局的过滤器了啊,哥们儿,来回到这儿,那你看,比如说我这个学校的名字给它写的长一点啊,再来一个艾特硅谷同学,你还记得咱们那个过滤器是干嘛的了吗?就什么功能你还记得吗?哎,咱看一下吧,各位走我只要字符串的前四位,那也就意味着在这儿你只要来一个管道符mylice同学你自己瞧啊,回到这上硅谷,然后艾特硅谷,后边的都不要了,只是上硅谷A是不?各位OK,那我问问你这个东西能不能用全局的过滤器,可以来同学再测试一下啥全局的那个指令谁F半的同学还记得这个吗?这个什么功能来着,跟那个V杠半的一样的功能,但是能默认咋的获取焦点啊,来吧,各位用用它,那这回在哪用呢?换个地方,我在student里边用来走你我写一个input框,然后这儿呢,来一个V-F半的,那绑定什么呢?绑定它的VALUE6值,对不啊,然后值是多少呢?写写呗,比如说就是这个人的名字好,这回呢,回头看效果一刷新,各位张三是不是来了,而且你看是不是自动获取焦点,诶那再往后咱们再做这个验证,还有什么呢?这个东西就是做混入,那混入这可是。
09:46
全局的混入,那也就意味着所有的VC和那个最大的VM身上就都有这个100和200,来我们看看啊,回到这儿打开走,先看看VM身上有吧,APP身上有吧,那这儿呢,除了有自己的是不是还有这些东西啊啊,那再往下看,各位我在这儿是不是写了一个hello啊,来测试一下,这回呢,我回到死school组件里面,在这儿写一个按钮,哎,叫做点我点我测试一下hello方法,那在这就写呗,At for click,嗯,写一个叫做test,那在下边呢,你就得配置一个methods,走methods这个,然后test里边干嘛呀,很简单,顺着VC出发,找到hello去调用,回头看一下效果啊,刷新走,你各位弹窗了吧,所以说我写到这儿,各位你知不知道什么叫增强了啊,知不知道什么叫合理合法的增强。各位,也就是说,如果你。
10:46
写了一个非常优秀的插件,那插件可能提供很多强大的功能,人家只需要在这儿默默的use一下,然后就神奇般的发现啊,二三十个过滤器都能用了,对不,二三十个这种自定义的指令也都能用了,各位,那你看这是不是就是增强啊,这多好呀,所以说同学我们往后啊,学着学着你就会发现会用到很多view里的件,如果有一天我告诉你,我说同学咱们下载的这个ABC啊,它是一个view里的插件,那你就知道应该怎么用了,点什么呢?Use,然后呢,你把这ABC呢,给它放进去,是这意思不?各位,诶,这叫插件,那如果说你想应用多个插件也是可以的,在这再引入点别的,然后一直写use use use可以应用很多插件。来吧,各位,我们总结一波read me里面来读一下插件功能呢就是用于增强view,本质呢就是包含install方法的一个对象install的。
11:46
第一个参数是view,第二个诶同学他还能收到参数,来咱试试啊,你使用这个插件的时候呀,你还可以给他传东西的,你比如说我传一个一,再传个二,再传个三,那我跟你讲这边都能收得到,来瞧瞧啊,在这儿我分别给你用X哎,Y还有Z去给你接收,在这儿呢,我给你做一个输出啊,Consolo谁呢?XYZ,好,这回你瞧一下效果啊,刷新来到控制台,同学123是不是都在,那你看看同学不仅仅是说人家帮你调的时候能把view给你,而且还允许你往后边带参数,对不?各位这多强大呀啊来咱再往后读啊,就是如何定义一个插件,那就是install啊,一个对象点install,然后呢。
12:32
它肯定得是一个函数吧,因方法吗?能接收到view和一些其他的参数,然后这里边这些东西是不是都是咱们写过的呀?哎,然后使用插件呢,View点柚子就可以了,这回明白什么叫增强了吧,所以说插件同学可玩性很大,你看把很多咱们写的这些东西是不是都用上了呀?哎,好了,那各位这一小节呢,咱们听。
我来说两句