00:00
好嘞,各位,那在这一小节呢,我们给大家说说VIEW3里面一些其他的变化,先说第一个啊,叫全局API的转移,这什么意思呢?大家回想一下VIEW2里面是不是有很多全局的API和全局的配置,你比如说我们写过这段代码,大写的view.component去注册一个全局的组件,还有这个大写的view.directive去注册一个全局的指令,那么在VIEW3当中啊,它不再直接给我们提供大写view这个构造函数了,那就导致原来的API不能调用了,配置呢,也没办法写了。那VIEW3里面怎么解决这问题呢?来往下看,它做了一个转移,把原来放在大写view身上的API和配置啊,都放在了这个人身上,谁呢?小写的AAPP,哎,我们写过这个人,各位来,回到我们的旅三代码,打开面点JS找到这是不是APP,诶怎么出来的,得调这个create APP是不是各位来回到课件里,但是。
01:00
那他也没有说把所有的东西都转移过去,有一些东西啊,他直接扔掉了,我们一点点看啊,首先看第一个will有点con,点什么什么,是不是在调整全局的配置,原来这么写吧,哎,现在换了app.con点叉叉叉,原来在这儿你能写什么,那么现在在这儿呢,依然能写,但有一些东西也不行,谁呢?往下看,同学原来大写点con身上有这么一个配置,叫做production tap,我们原来在VIEW2的时候啊写过这个东西,来我们回顾一下各位找到之前写的V2代码。找到这个m.GS。这个src下的,我们肯定写过这个,哎,对吧,各位咱当时怎么写的注释说关闭view的生产提示,为什么要关呀,其实同学这个提示啊,是一个好事儿,View怕你犯错误,他怕你把这个完整版的view放在生产环境里,所以说给了你一个善意的提示,但是这个提示让我们很烦,我们是不是通过这种手段把那个提示给它关掉啊,那么在VIEW3里面,各位他把整个这个配置项啊移除掉了。
02:07
那可能有些同学说,诶老师那这个提示就关不了了呗,听我说各位在VIEWU3里面没提示了,同学们你没发现吗?来找到VIEWU3的代码,找到这个min.GS啊这呢,VIEW3找到min.GS你上上下下看看我有没有写关闭提示,那个东西没有写,那么你打开三的项目,它有这个提示吗?来刷新一波,说老师有这个,这咱上小节说过了,这是那个SS处于实验阶段给你的提示,不是view的那个全局的那个提示,对不?那这一个东西为什么没了呢?之前有啊,哎,说一下各位,这回VIEW3的脚手架呀,更智能了,他知道你目前所处的是哪种环境,到底是你执行的npm build还是npm serve,他能分辨出来你到底是在开发还是在最后的生产打包,哎,所以说没有这个提示了,他发现你在开发啊,他就默认知道了啊,人家在开发呢,没关系,这块儿呢,咱不用给人家提示就很智能了,OK啊还有下边的这些各位点。
03:07
Component,注册全局组件,这个变成了app.component,那在这呢,咱就不一个一个说了,快速的过一遍吧,Directive指令的mix混合的use使用中间件的最后这个,哎,有意思,各位来读view.prototype我原来是不是可以往view这个构造函数的原型对象上添加一些属性啊,比如说我添加一个A,哎,它的值呢是一,那么就意味着这个A1,所有的组件实例VC是不都能用,而且谁也能看得见VM是不?那这回没有这个东西了,我用这个大写的构造函数它不给你了,你调不了了,那怎么办呢?来放在这儿,各位app.con点来注意这词global properties啥意思?全局的属性。哎,你看复数嘛,Proper复数对吧,也就是说原来你放在原型上的那么多的东西都可以放在这个里面了,OK,然后到处就都可用了,哎,这就是一个全局API的这么一个转移,来我们再看第二个东西,一些其他的改变,就是data选项应该始终被声明为一个函数,我们在V2那个年代,各位,咱最开始讲课的时候啊,那个data我真的是只写成了一个对象,后来我们讲到组建了,哎,然后说同学们不行啊,报错了这个东西,人家要求得是一个函数,而且我还给大家解释了为什么是一个函数,为什么呀?哎,防止组件在被复用的时候产生数据的关联关系,从而造成一种干扰,你说对吧,各位好,哎,那这个呢,咱就过了啊,VIEW3里面校验的更严格了,也就是说你在VIEW2里面不写组件,这么写也能玩下去,但是在V3里面不好用了,你无论组不组件,必须给我写成一个函数,OK。还有第二改变就是过度类名的更改。
04:55
大家记不记得我们在讲VIEW2所封装的那个过渡与动画的时候啊,写过这些样式的类名,来读一读,V-in什么意思呀?代表来啊,VG live to live什么意思?哎,代表离开,哎,就是一个是进来的样式,一个是离开的是不是?哎,咱还说什么离开的起点就是来的终点,对不对?这些东西啊,来同学看一下VIEW3里面怎么调整的啊,其实就是换了个名,各位原来叫V-inter,现在叫V-inter from,哎,同学就更语义化了,你看from是不是代表来呀?To是不是代表去啊,你看是一个对立的关系,哎,就原来这种吧,有点像丢了一个词似的,对吧?你这边写to,这边没写是不?哎,在这儿呢,就是有一个呼应,哎,这个名字,这是过渡类名的修改,还有什么变化呢?往下看一除了key code的作为V-on的修饰符,原来啊我们写过这段代码,各位来一个,比如说写一个key up点13,这什么意思啊,就是当。
05:55
回车这个按键按下去并且抬起来的时候,是不是触发事件?那么在VI3里的同学已经不能通过这个按键编码去指定按键了,之前在VIEW2的时候我就跟大家说过,哎,我说这个东西啊,不推荐大家使用,那你看VIEWU3这会儿已经移除了,为什么移除呢?简单说一下啊,各位,因为它兼容性有点差,哎,所以说移除了,那么同时也不再支持这个东西了。诶同学这是什么呀?con.key cos大家还记得这配置不?来咱看一眼吧啊找到我们在讲viewu基础的时候,在讲这个事件的时候,诶,我记得是我们在讲这个键盘事件,在这的时候我给大家写过这个东西,来这儿呢,各位瞧着view.con.key Co点回车等于13,是不是自定义了一个别名按键呢?哎,或者说叫做按键的别名是不各位啊,回车13为什么这个也一并被移除了呢?因为大家觉不觉得啊,你通过这种方式其实。
06:55
也是依赖着这个按键编码的,你只要依赖这个按键编码,那么兼容性就差一点,哎,所以在这这块儿呢,他也直接就给它移除了,那还有这个各位移除了V-on.native这个修饰符,这个东西大家还记不记得了,点native什么时候用的呀?来,再回到我们这个VIEW2里面讲解的时候,组件自定义事件的时候,咱们聊到这个问题了啊,找一下自定义件在这儿呢,找到哪呢?找到这个APP,这个里面不是给子组件绑定那个自定义事件吗?哎,这呢,看各位click click点。
07:30
为啥加native?哎,就是存在这么一个情况,你给这个组件呀,绑定了一个click click事件是不是,哎,就是点击事件,然后呢,默认情况下,在VIEW2里,他认为你这个click也是属于自定义事件,同学咱们之前测试过咋的,就是我不加这个native,我鼠标点这个student点碎了,他也不弹窗,对不?你只有加了个点native告诉他,哎,哥们,我绑定的这个click呀,是一个原生的click事件,是不得告诉人家,哎,要不人家拿你这可Li依然当自定义事件,那么在VIEW3里面,同学把这东西啊给废掉了,那可能有同学问,诶老师,那我想绑定原生事件,那怎么办呀?来回到我们的笔记里读一下啊各位,这是父组件中绑定事件,那么你发现子组件中同学多了这么一个东西,诶,我们前几小节是不是刚用过emits,我在这声明了一下,是不来读一读各位,我给这个组件绑定了几个?
08:30
事件,一个叫close事件,一个叫做click事件,然后在这我在这个子组件里面,你不是给my component绑定的事件吗?那么你就在这个my component这个组件当中,你去声明一下,你写了一个emits close含义是什么呀?含义就是同学他认为这个close事件是什么事件,自定义事件,但是你在这儿没有写这个东西啊,看好了各位,你可没这么写click,你如果一并这么写,他当你那click也是自定义事件,但是如果你不声明,他就默认你这事件是个啥原生事件。
09:07
哎,也就是说通过这个声明项去指定自定义事件,你没指定的那就是原生事件,好,再往下看,还有一个改变啊,就是给这个东西给干掉了,哎,就是过滤器filter,大家还记得这个吧?我之前在VIEW2给大家讲这个东西的时候,我就在说啊,我说同学这个东西不是你非得要用的,你通过methods和comp是不是也能实现啊,那官网为什么把它移除了呢?咱来读读啊,官网是这么说的,各位,他说过滤器啊,看起来很方便,但是它需要一个自定义的语法,打破了大括号内表达式只是GS的假设,然后再往后读,说这不仅有学习成本,而且呢还有实现成本,意思就是你还得自己去写一个过滤器,对不对?也就什么意思呢?来回到这儿啊,Time for matter,那咋的,这东西直接用啊,你还得去定义它,你说对吗?各位他就认为这是有成本的,然后呢,目前VI3的这个官方网站里面啊,推荐我们用计算属性comp的或者是methods去。
10:07
实现就这过滤器同学,比如三里边没了干掉了是不?那那再往下看呢,我写了个点点点什么意思呢?各位,哎,就是说还有一些杂七杂八的很琐碎的这些点并没有出现在我们的这个笔记里,我们的这个笔记呢,只是把5U3里面一些重要的点,核心的点给大家进行了一个梳理,你要想看最完整的那个,其实就是VIEW3的官方文档,对吧?各位,没有任何一个老师的任何一个课件能比官方文档还详细,只不过吧,官方文档里面所举的例子啊,所用的一些词汇呢,容易让大家懵,哎,所以说咱们整理了一个接地气点的这么一个笔记,那么截止到目前呢,各位VIEW2加VIEW3的这个全家桶啊,我们就给大家说完了,然后呢,再给大家一个建议,就是你最好拿着你所学到的旅优基础知识啊,去做一个成型的旅游项目,因为各位知道啊,如果在公司真实干开发那个业务逻辑是很复杂的。
11:07
远比我们的todo list哎,还有什么get搜索那个业务逻辑要复杂,我知道可能你基础知识啊学的挺好的,但是各位出去如果干开发,更重要的也是你的业务逻辑强不强,建议各位呢,可以看一下我们上硅谷之前发的这个view项目那套课程,好吧,各位,那么在最后呢,跟大家说几句这个文艺的话啊来我们一起看一下啊说愿你所有的汗水都有收获,愿你所有的努力都不被辜负。那么最后呢,祝听视频的小伙伴最后都能高薪就业,记住那句话,上硅谷让天下没有难学的技术。好了,我们再见各位小伙伴,黎明的那道光会越过黑暗,打破一切恐惧,我能找到答案,哪怕要逆着光就驱散黑暗,丢弃所有。
我来说两句