00:00
好了,那咱接着继续了。刚刚其实咱们就做了一件事。是不是加上了一个游客的身份,通过的谁呀,叫悠悠?ID对吧。那接下来呢,咱们呢,刚刚也知道能不能获取到你个人的购物车。可以,那你说接下来干啥?你看吧,老师给你这点点啊,你看点。没问题,点没问题,加入购物车走能不能捞到?看这能不能捞到。能,那你说接下来干啥?仓库当中是不是已经能获取到购物车,你这个游客的购物的。那你是不是在仓库存储组件捞,是动态展示?对吧,但是这里面呢,老师呢,要说一下,你看这样,他的这个数据格式写的很恶心。就购物车这个数据,你要看,你要看一下。
01:01
它date返回的是不是一个数字。数组里边套了一个啥?一个对象。这个对象里面你看啊,谁才是购物车的数据。是这个car for list又是个啥数组?这个数组里边放的是啥?你购物车的。所以说他这个数据格式,这个后台老师设计的这个格式有一说一。设计的。有点不完美。对吧,你看嘛,咱举个例子,你让老师再来一个吧,你看老师再买一个,我买一个他。我买五个,你看它这个数据格式永远是外层,是不是就有一个数组。数组里面只有几个元素一个,但是你要注意购物车的数据在在这儿。这种懂不?因为说正常说你这个数组里面放几个。放两条数据是不是就供出两个产品,但它不是。
02:00
是数组里边套了一个啥。对象,对象里面的这个数字段对应的值才是勾乘数,这能懂?所以说这个数据有点少恶心。所以说老师在这给你做一下笔记,一定要注意,就是这个动态展示购物车的时候,一定要注意它这个数据格式。数据格式有点咋的?有点不完美。所以说一定要注意,你要提醒自己。OK吗?OK吧,那所以说来,咱们回到咱们的购物车模块当中找一下。咱现在只是能发请求了。购物车的数据能拉到能,但老师问你,你是不是得存到仓库?对不对,对吧,那你说接下来咋整,是不是还是同样套。如果咋的?有人说进行啥是三连环,就是如果你的造的点。
03:02
扣的等于多少?等等于200,你要干啥?你是不是要提交给纽三连环仓库,是不是要存储?你就commit嘛,所以你发没发现整个项目当中谁是最简单。为啥?是不是就那套路,发请求捞到数据三连环,三连环存储数据组是就完事。对不,那这块咱写上去啊叫盖。Card。你要给谁带过去?造点对,我问你是个什么鬼?数组。对不?那所以说咱们mutation写完得写谁了?不是action写完写谁了?Mut是不是要修改state?那这块咱是不是就来了,有谁stay,那这个环节叫cut。可以不?黑马,这是刑餐,你叫啥是不是都行?这咱写的就是state.cut list等于谁cut list,但仓库当中有这个字段没有,没有怎么办?写一个吧,这啥?
04:02
Cart。哎呀,全大写。叫car list初始值是个什么鬼?数组对,不但老师问你这个数组是咱最终想要的数组不是,所以说咱咋的。是简化一下。对不,那咱们先盯一下子啊,你先盯一下子,你看仓库当中。有没有这个数。找一下这先先给它折上折上折上找谁是不是找找这个这个模块有没有。有吧,但你要注意,咱要的是数组里边这个元素。不是啊,就是咱给它简化一下咱一点。你看这个叫car粒子项,那再来,那咱简化一下这。这个咱们讲啥叫也叫cut list,那咱要的是它里面那个数组里面那个对象。对不,这边有谁。State,那这块老师进行再返回谁。
05:01
state.card list,老师问你它是个啥玩意?是不是一个数组?对,不但你要想明白一件事,他其实是的。起始是不是就是一个数组,但咱这个想要的是里边那对象。应该是数组的第几项,第零项,我给你反馈的是一个对象。但有可能是什么?安底饭,这能懂不?能不能懂是原来的套路,如果案底饭咱要不要有个兜底的,它至少是个。至少是。处对象。是数组里面零项元素是不是至少是个对象?懂不?老师你算到这,这个是咱想要的。不是啊,他是不是只是数组里面的这个这个对象不是咱想要的,咱还得咋简化一下谁。叫card for list。
06:04
那这个是不是咱们才想要的计算啥是计算出来的购物车的数。最难,咱这个叫他。这是不是一样?这有谁死?State。这块料其实就是吧,咋整。朱老师,那这块你不写行不行,行,那咱直接算出购物车数据是不是也行对吧,那这块咋整。四倍点。找一下。哎呀。四拉倒,这个咱先不算了。到组件的时候咱们再算行不?就这块现在能不能,但你要注意这玩意是咱想要的,那购物车的数据。不是。OK吧,好,那假如数据有了,咱回哪。回。组件哪个组件。找views下的。什么坑是不是在这儿,是不是在这儿,是不是要捞数据?
07:03
那咱先把顶这结构先给它折上。底下这你是不是要在这捞?对不,咱捞的是是不是捞简化完的那个。所以他引引谁引port map又不提示了GS谁。不差。对不?那咱们这你是不是还得写个。Computed。点点点map gets传数组那玩意叫啥来着?看一下哇。找谁来了?找死刀。找这是不是找他。对。肯德基老。但是你要注意,咱组件捞这玩意儿不是咱最终想要。对,不但咱们先看一眼组件能不能老等。
08:00
刷新。找一下总结找谁是不是找收过胖有没有。有,但它里边这玩意是咱写高。那在组件当中,咱能不能再简化一下。能你在哪,是不是再计算一下。这那咱捞一个。这。是不是叫他,但是这个字段你不叫他行不行,行这来写,这是这是不是咱计算出来的购物车咱想要的数。这个才是咱们,咱们最终想要的购物车的数据。那这块你咋整,就是在。Read this.car info是不是一个对象?来看一下是不是一个对象。对象里面的谁?Car info list这个数据是不是购物车里面的数据,但它有可能是啥?空数是不是那个,呃。哦,我想想。这叫啥来着是吧。啊,错,这是car list。Call list。
09:00
下的汤,但有可能会出现啥。说案底发。对不对,因为这边意有可能是不是一个空对象,在这仓库里面不写了吗?如果是空对象,那我问你是得到什么案你了,它也得来个do,至少是个啥。至少是个啥。看这至少是个什么红数,对不,就这能不能走。这能懂吗?那这回购物车数据有没有有有你就可以怎么的了。动态展示,哪里是咱们的购物车,咱找一下啊,看一下。是这个叫叫什么ul吧。Ul带car list再看一下长相。这先给它,给它折上应该是body这种是不是这。这仨只留几个。一个,那接下来呢,V杠,V-for v-for。对不?那这块才来,那这个咱们讲叫car。
10:00
是你数组里边那个对象in death in in,谁是不是in它?是不是计算出来这个。对不car什么什么什么什么list。那当然,你是不是得有K冒号。KK,为什么?别带。看一下咱叫啥,有没有ID,有吗?就用ID,那这个咱叫啥car d ID,那当然咱这里面数据有换吗。没有的吧,是不是都是死?但是至少是应该有两列。不是两行,因为咱现在公式里面是不是就两个数据,那剩下的是不是一个一个换。那首先说咱们先看这。他有没有被勾?那不一定啊,咱取决于啥。取决于你这个对象身上的is checked是不是一一,是不是就勾了,你看它默认都是啥。是不是都是狗?
11:00
一代表是勾零代表啥?没勾你记不记,咱当年一一代表说勾,所以说这块咱一个个搞,你先看点这详述数据咱也行,就这。这玩意这个是不是咱们前面这个这个复选框。那咱这老师问你得加上。Is checked是冒号。Check的属性为啥是不是写GS表达式?几张叫car的is。CHCKD等不等于几一?如果等于一是不是勾上?老师问你是不是全勾?上的是不是全功,接下来咱换换图片是不是第二遍。那这是不是第一列?这折上,你看这是不是叫一是二,老师说你第二题要展示图片和标题。那看。图片标题有没有?图片,谁以妹纸?URL,那咱换一下。咱这展开,那这是不是得来个冒号这块写上。
12:03
card.image URL。Heart点塔。先看看图片有没有。有了吧。那接下来还有什么,是不是还有那个。标题标题再看一下叫啥。SKU name。对不,那这块咱也搞是不是就这。给他换了。那这块患者是不是叫car.sku name,那咱把它折上第二列也完事,看一下对不对。对吧,啊,接下来这场单价。单价咱们看下就叫SKU price。那这咱也给他替换一下。那这个叫cut点。他。对,不是不是A多了一个吧。多了一个大花块,我记得前面好像有个字也多了。
13:00
在哪来着,我好找一下,我记得那阵我好像还特地看了一下,稍等一下,我记得咱前边这好像也多了一个。这吧,哎,我记得那尿圈啊,看了一下这给关了,好这再来看这啊,价格是不是也有。怕啥?你购买的个数,个数的看叫SKU。那这块咱是不是也得搞谁,是不是这个力当中这个音谱。那这一块的老师是不是可以这么玩,冒号为。是不是在设置它的value啊,我想we cut到SK,不是那个那个number。但是他为什么有啊,这这是不是有一个默认,这给他干掉。他这是不是就给他换了他。是不是就来了?对,不小记。那这玩意看咱咱看看有没有,有没有这条数据。有吗?你就想想,每一个产品是不是只有自己的单价?
14:01
有小计吗?再看有吗?没有那咋出来?肖老师说你他是不是只有这两条数据,没有这个小,什么叫小T,是你购买这个产品花了多少钱。能不能算?咋算?单价乘以个数是不是就是小G,所以这块的数据咱可以算是哪就这。用啥用的SKU number乘以谁cut的S叫啥玩意?看一下叫ku。是不是就可以算?对不?对吧,你想想单价乘以个数是不是就是小G。那这玩意儿还有。没了吧?还有一个地儿咱也能算,就是就这。这都能算。打算。这是不是总价,是不是代表是这个产品和这个产品它俩的总价,小气的支付都能算出。
15:01
能不能?你要数据咱都看见了,每一个产品的单价。个数是不是都值?每一个产品的单价。和单价,那单价,单价和个数数都知道。那我问你能不能算出一个总和?可以吧,那咋整?数据是不是都有了,你是不是可以计算出总共多少钱。当然这个服务器没给咱返回,没给返回自己是不是能算,当然服务器要返回是不是就最好。他没法没法问是咱是自己算算啥,是不算总价。那咱自己算一下吧。在这在哪呢,是不是计算一个。计算啥,总价就是产品的啥。购买。产品的啥总价?咱这就total price。我咋说的?你是不是得变的这个这个这个这个数组啊,数组里面每一个对象是不是得电力用单价乘以。
16:00
数量是不是每一个小计都知道累加是不是总总总总总钱数?这玩意怎么办?你可以这么把,Light一个so等于几零?没发现,这跟当年谁很强。求和嘛,那这块就怎么整叫这点。啥来着?Car info list.for。一。对不老说你你现在这个for each里面当中这个it。说你购物车当中的每一个产品。你看吧,他应该会执行几次,咱当然咱还没用呢。没用啊,所以咱们先找个地儿。哪是总价,我看一下啊。嗯。应该是在底下吧。总价是不是这咱先用一下叫啥就偷偷。Price,那你看他执行几次,老说两次。每一次是不是你便利到那个产品,产品的单价知不知道?
17:02
个数和。单价是不是都知能它俩一相乘,是不是就这个产品的小鸡,另外产品是小鸡是不是也有,是不是累加就行了,那这玩意咋整。你是不是some?加等于谁item的?SKU number乘以item.sku price p price是不是算?你最重要的。当然,你用reduce算行不行?行学过吗?数组的那个reduce对吧,好了,那咱们先看看算的对不对。对。对吧,还有一个地咱们要算。这儿。比如说你看这它默认是不是全勾了,那这块应该咋。
18:00
勾上我将来这一点他是不是也要不勾这玩意儿,我跟你跟谁很像。Please。值不值?对不,所以说咱们要计算出这块到底是勾还是因为现在全选,全选是不是得勾上。对不,你还得咋的?还得计算一下。叫做咱们叫啥呢?叫做A。Checking,或者叫is all checking,那这样咋算?你是不是得看你每一个产品的哪个状态。Is checked属,如果说他们每一个产品的is checked都是一,那你是不是得勾?是不是得看你得便利每一个产品的is checked。拆开的属性是不是一,如果都是。代表啥,是不是都勾上,都勾上这是不是就够。而且最终应该反过什么值?不,你说这是咋写?这块上,这块是不是在判断上,判断底部的那个复选框。
19:00
是否咋的勾选,什么时候勾选,就说全部的产品咋的。都。选中,那他是不是才购买。才勾选那咋整。用谁更简单一些?Eve数组的方法。什么情况?你看,老师给你写return谁this.car this点。没印象吗?二是干什么,也是便力数当中的每一个元素,如果每一个元素的这个is checked。Is ED c e ED,如果等于一,那它就是针,如果有一个不是一,那就是false。
20:01
呃,CED。啊,错了,ED艾瑞熊熊。咱就是妄想。来做个测试。没学过,没事,现学嘛,这个出口的方法。你看这样举个例子,老师有一个数组,数组里面有对象,对象叫什么呢?叫做咱简单一点,为了简单一点,咱就叫KK等于几一。OK吗?这个科等于几一?这个科等于几等于一。你看啊,现在它是不是一个数组AR,打点evy,你看它可以干什么,可以便利每个数组的元素。
21:02
你看吧,不是打,你看它是不是每一个数组里面的元素。来你看啊,是不是。啊,走。对不?看这儿。就看这,这是不是要百分,这分等于几?哎呀,来一个吧,这叫一,这是几?二。三咱们先看,你看item是什么。反正你那item是不是先变列的是第一个元素。对不,你这块可以怎么判断,来老师告诉你,你在这。你这块可以直接啥,你就看每一个对象,它这个K等不等于一。老师问你后面这俩是一吗?不是不是,你看它返回的是啥。这个很简单。你看吧,点law谁。你看它仿的是啥?稍息看。这。
22:01
因为它便利,便利每一个元素,它要看它这个科等不等于一,第二个是不是就放。那我问你是不是false,那假如说。都是一。那就是处。这能懂不?就这个大概说一下能不能懂。学过,这学过。行,没学过,但是老师大概说下这个能不能懂,就说白了。二位也是干啥是遍离每一个元素,看这个元素它的科等不等于一,如果都等于一,返回真,只要有一个为假。举个例子,它是几六,那就反回成false,这个能不能?能吧,所以你看这玩意儿他得劲。这个东西说实话,你这块不用它行不行。也行,你放出完标利便利行不行?但我说你用艾更惨。更简就看呀,你数组里边每个元素拆等不等于一,只要全等于一数返回真有一个为。
23:03
就反复错。这能懂不?老板,那所以说你看咱在哪用。看一下啊,在哪这句话也给我问住在哪用的,是不是在全选这块呢。为八零多。8080。啊头啊头。阿斗。是不是?对不比说全都唯一了,你是不是应该勾上,那勾上咱找找谁是不是找这个。是哪全选的前面。这呢全选上面是不是这它是不是得勾,那这得用谁check it,所以说就直接冒号。Checked,为什么?是不是为咱们那个叫is all?
24:03
Check是不是计算出来的?对不,那当然说老师我不用艾行不行。行,你自己算吧。你用放玉环最笨的方法是不是也行?但这玩意儿你说,说实话,这玩意难吗?不能说这块老师写这块大概什么,是不是在电力数组里边的啥。元素只要呃,全部的元素的is check的属性都为啥都为一,那返回的是啥?真。只要有一个为甲。只要有一个不是啥。一那反过来就是啥。就是讲就是false。假的。对不,那就是这false,那当然这块是,那这块是不是就是处。对不,那咱们先看下走走刷新,你看是不是够。这能懂不说老师,那我现在我这么一点,他为啥还选中。
25:07
就能想明白为什么现在老师一勾他,他还勾。因为你的数据你根本就没有动。你看吧,你数据根本就没动过,它永远是啥。永远是is check为一,你看嘛,Is checked为一,咱现在是不是只是单向的把数据给它放在这,你现在这你咋玩是不是都完成,因为数据现在给拆开是都是唯一。这能懂不?能吧,所以说这是咱们的购物车的一个静态的展示,这有没有问题?有没有问题,没问题吧啊。
我来说两句