00:01
好,下面我们继续往下看啊,没有屏幕是吧,打开好吧,嗯,来看到他的这个文档部分,其实它这里面也有一些说明啊,大家可以去看一下它的一个说明。就他这里面在这个说明下面有这样一个图,其实它的这个图呢,非常关键啊,我们最终要把这个图呢能够画出来啊,包括面试的时候也有可能需要去画这个图,它这里面涉及到一些概念啊,这个图里面有些结构我们能看懂,你就先看一看这个能看懂。这不是我view的主街嘛,是吧?主件里面,哎,这个啊,这个大的部分整个是什么。是不是没有X啊,那也就是说这三个部分都属于什么。所以VXY,那在VX这个应该懂。
01:04
这是什么状态数据?对不对,这条线你也应该能懂,是不是我组件里面读取VX的状态数据去显示啊。这些是懂了啊好。在这个里面呢,多了啊,还有两个结构。啊,一个叫actions,一个叫mutations。好,这两个啊,用来干嘛呢,大家看到这个action是不是跟我们的这个组件是关联的呀。好,假设举个例子,我现在呢,有一个加号按钮,我组件里面有一个有一个加号按钮。这个加按钮为点击,最终我们要干嘛去,是不是要更新这个state对吧,但是你会发现它要更新内的这个流程还挺长的。先经过他到这里。
02:00
截止到这。这意思吧,啊OK。那好先说一下,它这个好理解一些,这个呢,实际上是我点加号应该调用的函数吧。刚才我们是不是说过这action对吧,它里面包含了很多函数啊,函数了一在我用VF之前,它是直接去更新状态。对吧,但现在呢,多了一层。也就是说在VX里面,X函数更新状态吗?它最终会更新状态,但不直接更新,通过谁来更新呢?这里面有另外一个操作叫mutation,这个翻译了叫转移,其实翻译成中文那就没法懂,说实话啊,只能直接说这个英文叫mutation,它用来干嘛的呢?大家看这个线,觉得这个线怎么理解啊?由他来去什么,直接更新谁state状态数据对吧,但这个mutation谁调。
03:07
Action。而action谁来调主键啊,对吧,View的组件来调。能不能看到啊,它的这个,其实它的这个流程图看起来比redux的这个流程图更加清晰一些。啊先我们大概看一下,其他的我们先都不用管它啊,不用管它好。来啊。把这个说完以后,我们再回到这里来,我们来看一下啊。这里面一些东西,这个state先大概说一下它里面的一些关键的部位啊,State就是VX,关键什么呢?状态对象里面会包含具体的一些状态,而对于我们这个应用,如果说需要用VX来管理。把谁塞到state里面去啊?
04:00
那只有一个,就看对不对啊,OK,没问题,下面呢,另外一个是mutation,它是用来去直接更新谁state的一些函数。啊,一些函数啊,具体里面怎么做,到时候再说啊,再一个是action。它也是函数,但是呢,是对应的一些下面四件函回调函数,说白了是不是通过组件来触发呀,啊来触发调用,OK,它里面啊也有一些函数。但action本身是个什么对象?刚才我的这一个mutations也是什么呢?对象,我的这个state也是什么呢?对象,就它这个设计吧,它把那个数据结构设计的比较简洁。啊,都是对象啊,用起来就会啊给那么难,这一个呢,后面再说,还记得gets,我们前面get这个概念我们讲过,它实际上就是属性的什么呢?Get方法用来去是不是相当于计算属性的一个部分,我们计算属性不有两个吗?Get和什么set?
05:16
啊,这个用的时候再说。啊,用了再说这个我们暂时也不用好。还记得在redux里面有一个非常重要的对象,是不是叫多呀?是吧,而他这里面也是有一个对象叫做。啊,OK,而do里面就要配置这么几个东西,刚才我们看到的状态。修改状态的函数对象对吧?啊事件的一些对应的回调函数对象。是吧,啊OK,这个后面再说就是gets都是这四个啊,这四个配置都是对象类型。
06:00
好而多最终啊,我们这个组件里面的用法呢,现在大家还不懂啊,我们后面再说这个应该也能懂,这一个是不是一个十多对象啊,多对象创建好了以后需要什么呢?需要映射配置,要配置上十度,有的类似于我们创建一个root,还记得吧。要配置吧,要。啊,这个store也需要配置。啊,配置好以后,后面就会多了一些东西啊,而这些东西呢,有的东西大家可能能理解,诶这个还记得这个不分发。啊,以前我们是不是要分发一个action啊,分发1ACTION啊,在reduction里面,这里面是不是直接传action,这个是分发给X,分发调用X或者说。也就是说我的这个方法会触发谁调用action调用,那你说我在哪去调用这个方法,大家提醒一下。
07:03
在哪去调用这个方法,我说这个方法是触发action调用,那这个方法应该在我们这整个结构里面呢,每个里面去执行。看到这个了吗?能不能看到啊,OK,在组件中通过dispatch去触发垂调用action,哎,这其实也是一个函数。这其实也是个函数,叫commit。啊,OK,那也就是说我们在action里面通过调用commit来触发谁调用mutation,而在mutation里面直接去更新state state1更新。我的主见就会什么重新渲染。OK。先我大概的介绍一下,有的呢,没有详细的说,因为现在大家没有接触啊,不太懂啊,所以我们先简单的介绍一下。
我来说两句