00:00
好下面下面呢,就要做一些交互,所说的交互就是点这个加号减号是吧,那这个时候啊,这个时候大家要知道啊,我们点加号或者减号是不是都要更新count的,更新这个负的里面的count数据去。但是我们不能在当前这个组件里面更新。啊,我们不能再单数主任当我们先写一部分啊,是写的非常简单,前面部分都很好写,给它加一个什么,哎很对不对啊,比如说哎,这个地方啊,这这两个操作是不是一个相反的操作啊,我们可能不能用同样一个函数来处理,可以不,那我们取一个什么名字呢。对吧,我这里有个名字叫up for count,什么意思,我也不说增加,也不说减少。对吧,我说更新那个食物的数量可以吧,好,这个里面呢,传一个to,那下面呢,我传一个force是啥意思。
01:02
你说那我告诉你啊,那现在就错什么意义呢。这个好,这个意义啊,就体现在你最终要给它取一个,取一个行参的名字,懂我意思吧。取什么名字表达是?啊,那那如果这上面长的醋啊,就说明减点减少是醋。对不,那就是应该是是否减少。能理解吧,啊或者什么的对不对,好,那如果这个传false,那这个传出了,那也就是说我的这一个参数的意义叫是否增加。能懂吧,那比如说我这里面用一个一支什么I可不可以。这个要懂啊,因为你懂了以后你才能取名字。而此时要说如果我们直接操作了,非常简单,就是把那个负的里面呢,看了进行增加或减少对不对,但是我不能在这做。
02:10
不应该在做,为什么呢?大家要知道啊,我们的负的是不是在故子里面的一个数据对吧?首先负的是在负子里面对吧,而负值是在估值里面是吧?那也就是说相当于我更新负的是不是就在更新估值。能懂吧,你只要更新估值,任何数据都叫更新估值。这个能不能理解?那更新这个数据的行为是不应该在组件里面去写的。呃,应该干嘛呢,而你应该是有一套啊。Vivox里面一套处理啊。对不对,那也就是说我现在要去更新,我应该去触发谁调用,是不是action调用。
03:04
任文东。啊,也就是说我现在要搞一个什么this多了福是多跌第是派啊,那我要给他一个名字,叫什么名字呢。就叫这个名字就最合适了,是不是这意思?那好了,那要不要给他传数据了,要传什么呢?传一爱的。够吗?不够。你想想看,它在增加的时候,他哪知道给哪个负的增加呀。你说是不是,所以他需要把1I的和这个负的都什么。都传过去,那都传过去,我怎么传呢?对啊,我要传多个数据,用一个参数来传,数不是对象啊,还有一个是什么负的,负的从哪来呢?认点。这不就负的吗,不接受的一个属性嘛,这个。
04:03
好,那我现在写什么去?是不是写X来写写写啊。嗯,这个呢,是一个同步action对吧,不需要跟后台进行交互,同步action啊,同步更新,嗯,实物啊负的中的什么。啊,看的数量。这个能懂吧,好来,那我们来去写一下啊,这个名字叫这个。Come。好,这里面接收的是什么。一个对象,对象里面有什么1I的和负的?对吧。这就说明我接受对象,对象里面有一直和负的嘛。你要不这么写,那到时候你还要自己去取一下啊,就麻烦一些好。
05:02
来啊,那下面我这个地方我该怎么去做了,大家想啊,我们最终是不是要去做一个啊,更新的mutation的操作。但是有可能增加,有可能什么减少,所以实际上现在我要确定我当前的一个mut type的名字。我说的意思不啊,那好了,那我们来两个,我们来说一说啊,这个名字叫什么呢?我们说12有两个,一个是增加,那个负的count,一个什么减少,那来啊,大家看到啊,增加,那我就叫rement呗,可以吧,对应的是ment。负的can't啊,虽用很长啊,但是能见明之意,好,那下面这个是类似的,只是要改成什么,这能不能看到啊,这一个啊是。
06:07
增加啊,负的中的什么抗值对吧,而下面这个是什么,是不是减少负的中的抗值实际上是减少减。一加加一减减一对不对啊没问题。好,有了它以后,下面我在action里面需要给他进行什么。是不是引入这必然的嘛,对吧,好引入好以后到底我是要增加还是要减少呢。看什么呢?我是不是得去判断一下is it是不是为啊,如果为true,我commit一个什么。是不是有一个increment food count?传什么数据?传food包含food对象吗?
07:03
Is,爱还传过去吗?不要传了,我们这里面不已经做判断了吗?那下面类似的是不是一样的处理,跟这个处理方式基本上是一样的呗。对吧,只是这个里面改成什么。没问题吧?嗯,好,那下面我需要去写哪个文件去。需要写mutation吗?对吧,没意思,在这里面先引入这两个然的是吧,接着是不是写两个对应的方法。啊,基本上是固定的写法,说实在话。好,这来说一说,除了这这里面这里面。揭示的是一个什么负的对下吧,包含。
08:02
对吧,好来啊,把这个去掉啊,把这个去掉,把这个也去掉,下面我们看看怎么做,这一次比较特别,以前是不是老操作state呀,通过state去更新数据啊,这次不用,其实就是找负里面数据进行更新。这个能不懂,好,那更新我们啊就有问题了,大家知道啊,我刚刚提醒过大家,负的里面最先是没有抗的。是不是你不能直接这么操作,怎么操作呢,这样对吗。这必然不对。为什么?因为开始就没有我是安方的,你安发怎么能加一呢?对不对,所以我得去干嘛,实际上我现在有判断对不对,看它是第是有没有抗的对不对,如果没有抗的,也就说if,如果说那个负的里面的看是first。
09:02
就能懂吧,或者等于安方也行啊,如果这种情况,那我实际上直接干了什么事。那我让他值得一提。当天我要加,一如得劲。雷杰。他开始没有嘛,我点一下变成几就变成一嘛,这不很正常吗。是不是这意思?那我该怎么办呢?那我等一等二都不行吧,应该什么加加。对不,这相当于是不是说是第一次点对吧。一增加吧,懂不,那后面我知道我是不是直接加加就可以,对不,这个要注意能看到吧。来好,下面这个。实际上这一个点啊,这个点就是负负的点,看的什么减减,有人说老师这个就不担心看了没有吗。
10:09
对。啊,它的界面上是有限制的,对不对,但是大家知道啊,就有一种情况,有一种什么情况呢?因为我们这里面是有动画的,就是我刚咔咔你点不上来啊,没没点住。好。是一个什么意思呢?就是我现在为一了是吧,一了大家看啊,我一点的时候,它是慢慢过去的,哎有一种可能性,什么可能性呢?我就我就我就连续点好几下。知道吧,它有可能会成为一个负数。就。懂我意思吧,就最好能做一个限制,避免它成负,成负数就不好了,因为最小值也是零,对不对?所以应该怎么做呢?最好是轮中限制,这样能保证你的功能肯定没问题。
11:01
如果他有值我才减减,可不可以,那就即使他连续点也没问题,没问题,因为我做了限制。这个不就是大于零嘛,它为真不就大于零吗?大于零是不是才减减一旦等于零了,是不是就是已经是负了。能进来吗?不能。这个能懂吧,这个有时啊,就是大于零对吧。嗯,好来,我们来看一下我们当前的这一个,看看它行不行啊,就相当于我们现在呢,就已经做好一套了啊,已经做好一套了,整个。来做好一套以后呢,下面我们来去我们的应用里面去运行一下,现在有问题啊,有问题了,我们得去看下数据。啊,打开VX,我们现在呢,去操作的是固执下面的第一个吧,就搞第一个啊。
12:10
嗯,大家可以现在去看,他现在是没有抗的。这个能懂吧,啊,我再刷一下。啊,把这个再打开一下啊。确保我们是第一个是没有看的,接下来我去点。点了以后大家看一下啊,点了以后大家看一下啊,我们这边没有变,但是你看这里什么意思。是不是执行了一次increment food count?对不?嗯,大家看一下,看了为几。唯一这是个什么问题,这现在是个什么问题?更新了状态数据,但界面什么没有更新对不?那也就好像是一种感觉,什么没有数据绑定。
13:00
你问我们数据绑定什么意思,还记得不?更新数据对应的界面是不是发生变化呀?但现在变了吗?数据变没有?变了,数据变了,但是页面对应的界面是没有变。这不就有点像没有数据绑定的效果吗,对不对?那这是为什么呢?对吧,这里面就要说一个事情。啊,来进入到我们的mutations,我们这一看呢,我刚刚反复强调过一个特点,就看本身吧,在那个负的里面没有。对吧,是新增加一个属性嘛,听到不啊新增一个属性。能到吧,新增属性你这么写是没有数据绑定效果的,那没有数据绑定他知道变化了吗?他就不知道是不是,那不知道,那那就说这种方式不行嘛,说白了你这种方式要做掉嘛,对不对。
14:05
那你要又要能够新新增加一个属性,还要能够新让新增的属性什么有数据绑定。对不对,增加属性是必然的,你肯定要增加一个抗的属性。本来没有嘛。对不对。啊,那怎么做呢?这个地方没有,它是有相应的语法来去解决这个问题的,他知道有这个矛盾肯定是有可能有的,这个啊在工程中经常已经有两三个同学问过我这样的类似的因为这个知识点的问题啊。就为什么我后来加的数据就就显示不出来。对吧,那不是。现在这么快。嗯。想要的这么慢,以前打开打开这这玩意慢的要死,今天冲的一下就出来了,你看就我就没见过这么快过。
15:06
好,来看一下啊,我们来看一下API文档,有里面有一个有一个语法。哇,这怎么卡?你等着跑,我直接说一下先啊,那view函数对象呢,它有一个方法啊,大家看一下叫set。嗯,叫set。而set呢,是用来去给。有数据绑定的对象添加属性的。负的有数据保定效果,本来它本身是不是有啊,它本身肯定有啊,负的本身是有的诶。还没切过来啊,那我只能自己说了。来这里面要传这么几个参数啊,这么几个参数。
16:05
第一个就是这个对象啊,第二个呢是属性名,第三个呢是属性值。我给了个对象要添加属性啊,是不负的属名,属性名叫什么?新明值是多少?接一嘛,对吧,但现在这种写法是不对的。哪里不对?嗯。1亿人不有问题吗?一肯定没问题。这个有问题啊,没有view是吧,这个view倒是可以引入,这个有问题。引入六这个没什么问题。对吧,那我说这个有问题。
17:03
什么问题,你看他不是飘有一个波浪线吗。我们刚才说第一个参数是这个对象,第二个参数属性名,第三个参数属性值。啊,这个地方得是一个字符串。对吧,你那么写不是一个变量吗?除非说你有这个变量,你提前你要,除非你这么搞。那不是有病吗?何必呢?是的吧,哎,这种添加方式它就能保证什么呢,让让新增的属性也有什么。数据绑定这个能不能啊,这样的话。
18:05
它一变化没有框架是不是就知道,一知道的话,界面是不是就会发生变化呀。这个能不能懂,来我们来看一下吧,这东西不看哪知道嘞。还没出来呢。来啊,试试。走,你。可以。小可。没问题吧,每一个组件是不是都有自己的,不应该是每个实物对吧。OK吧,这样就是可以的,没有任何问题。这也是大家应该要去说的一个问题,就是大家以后面试的时候容易问,你再去写项目过程中碰到过什么问题吗?啊,就这种是一种,在一种特别的情况下面,我需要在啊已经有数据绑定的数据里面添加一个新的数据。
19:03
添加一个新的属性数据,就添加一个新的数据嘛,呃,这个新的数据默认是没有数据绑定的,但我肯定希望他有吧。因为我一加进去肯定要显示嘛,对不,这种在开发实际开发中还是很有可能会碰到的。啊,大家要注意这样一个事情,其实就是用view的什么set方法来去做。好。还有一个是啊,还有一个我们当前这一个大概的我这个。看到我这个了吧。有没有看到这有一个小小的动画效果,但是它这个效果有哪些效果,大家看一下有哪些动画旋转?还有呢,平移或叫位移,对吧,其实还有一个透明度的变化,它是逐渐显示出来的。
20:00
这个能不能,那其实这个做起来也不难啊,做起来比较简单,我们一次性把它搞完得了啊,那实际上呢,是给我当前这个减号div写一个什么transition来一个类。嗯,等于什么呢?我就叫木行吧。把他移上去。放在这里面,下面搞马句。是不是要去找样式给他去加东西啊好。找一下啊。诶,没有啊,我看一下。找到一个就这个吧,他用的是这个是吧。能看到吧,那我应该怎么做?这里面需要去写一些特别类名,这个类名呢很固定,说实话。啊点我们刚才叫木是吧,杠杠I逗号与上叠木杠立五杠X在这个里面写什么去写穿针形样式,是不是写穿针样式好了,改变的是不是多个属性样式啊有透明度嘛,有transform嘛,对不对,我直接来个什么,我指定一个时间。
21:29
P点3.5都行,能不懂啊,点三秒吧,好,下面要写的跟这个很类似,稍微改一改指定隐藏式的样式去。隐藏式样式的隐藏的样式类名是这个一个它再一个是new to好隐藏首先是OB city为几。零对吧,接着呢。有一个什么transform。
22:00
对吧,来我们要平移,需要搞一个什么X。多少了,是不是向右移动啊,消失对吗?正直吧,向右移动消失吗?看不出来。大家看着找你是不是三六小时嘛。那我是不是右边隐藏了呀,对不写一个15,或者写个十都写啊,写个15是不是X好还有一个。啊,我写一下吧,就推塔多少,那就看你想旋转旋转厉不厉害了,你要旋转厉害,你可以加360,你你要觉得不厉害,你就搞个一百八九十都行,对吧。能懂吧,啊好,来看一下我们当前这个有没有效果啊。有没有是不还可以啊,你别看到其实挺还效果还挺好的啊,你要仔细看啊,才能体验它的好的地方对吧。
23:07
可以吧,啊可以啊。那这样的话呢,我们就把这个给它做完了,就这么简单一个事啊,很轻松是吧。
我来说两句