00:00
来,我们还有一个啊,把这个做完。那下一个呢,就是这个。购车的这个。啊,我们需要把它能够做出来啊。行,现在把我们的购物车的组建先创建出来,它仍然是一般组件。创建文件夹,取个名字叫super。好,把这个U文件也创建出来卡好,接着呢,去把我们的模板和样式搞过来一下啊。还有一个是我们的样式。嗯,没有太大问题啊,把这个样式给他搜索一下好来下面呢,说一说我们当前的这个还是一样啊,需要去分析一个东西,这里这一次稍微麻烦一点。
01:12
需要去分析一下我要接收哪些什么。属性对吧,好来分析啊,这个很关键的。首先要去看显示。啊,看显示我需要去显示哪些数据。哎。大家看一下啊,其实整体的数据呢,分为两个部分,一个是这上面显示的,一个是这上面显示的。对吧,上面这个呢,主要是要显示一个勾项的列表。弄了吗?需要显示一个购物项的列表。这能听懂吧,好,那这一个勾物项的列表,我该怎么办呢?这个地方这个列表应该肯定是个数组吧。
02:04
是吧,必然是个数组,那四个数组,下面这个数组里面是一些什么?宿主的每一个都是个什么?什么呀?是个什么东西,就是食物嘛,这就是个食物嘛,只是啊,什么样的食物才会放到这里面来呢?是不是选中了呀,说白了就是你那抗有值的对不对,准确的说应该抗有值的。能不能,而且大家知道啊。我们就涉及到这个,还涉及到我们这个数组的,是不是更新了这一个数组数据,这一个购物车的这个数据,把它存在哪了。
03:02
就是我能不能把它存在VX里面呢。就我购物车的购物箱嘛,这是购物箱的宿主嘛,对不对。这个啊可以两种选择,一种是不存在,嗯,那个VS你存存的话,那你就要去专门有一个属性来属性数据,状态数据来去存这里面所有的数据。啊,再一种呢,就是不存,不存的话就有一个事情,你要设计一个计算属性。设计一个计算属性。什么计算属性呢,就是我。我们本来有食物吗?有固执嘛。是吧?故子里面是不是有负值?我来一个计算属性,找出这个物子里面所有count大于零的负的。给它组合成一个数组,这个能做吧?能做。完全是可以做的,懂不懂啊,这肯定是可以做。
04:04
啊,就是说你一旦你一旦你的负的的数量发生变化,那我这个计算属性就重新计算了,对吧?啊另外一个呢,是把它把这个整个数组呢,放到那个VX里面去,那个时候就不用什么计算属性了。你在添加增加或者减少的时候去实时的去干嘛。更新这个里面数据是吧,这里两种选择。如果说啊,如果说啊,这里面说的啊,如果说你是放在计算属性里面的,那这个数据就不用通过pro了。因为我们所有的组件都可以看到VX里面的数据嘛。对不对,你到时候去通过ma去读不就得了吗。能听懂我说的意思不?那如果说你是想通过计算属性来去做。那这个计算属性开始就可能应该定义在估值里面,定义在shop估值里面,那就要传了。
05:01
因为我们shop裤子现在不在那个。你看啊,我们的这个不有一个组件叫效故搜一下,这不修故子吗?当前他是不是读取了固执。对不,那基于这个故值,我是不是可以去写一个计算属性,来去来去产生我所想要的那个购物车购物所有勾项的一个速度。可以不再通过我的这个裤子传给谁了,是不看。这能理解吧?啊,这是两种不同的做法,那我们必然要选择其中一种方式去做啊,选择其中的方式去做啊,从整体上来说,谁的效率更高呢?我要跟大家说一下,放在VX里面效率更高。为什么呢?大家在想啊,它放到VS里面,我们这么搞的,设计一个数组的一个状态,我要点加号的时候更新它某一个数据,点减号的时候更新其中某一个数据,记住了更新某一个负的。
06:11
但是如果你用技术属性,那就不一样了,只要你更新了某一个负责的看的。他整个统计,整体的所有统计都要重新再来一遍。你说你是更新一个food里面好了,还是去做统计?好啊,那肯定是更新某一个,好,真的不,我只要操作某一个,而不需要在统计要干嘛吗?我要去统计哪个哪个负的是有count的。我得去做一件事情,叫便利。你只有便利才能统计起来嘛,对不对。能懂不?那也说,只要我有负的,有改变,他就需要重新统计。那你说只要我改一个数据,它就整个重新再算一遍,假设我这个整个实物啊个数1万个,那我告诉你这效率特低了。
07:08
这个能懂不?每一次都要统计一遍嘛。每一次我更新都要统计一遍,这个能能理解吗?就我最终不要去遍历找出所有的大于零的那个负的嘛,对不对,那这个不是需要统计吗。一个人。我们说计算属性什么时候执行。是不是初始化或者数据发生改变的时候。对不对,但是我这个计算属性是不是便秘数组啊。而且我告诉你要还,而且是一个两层便利。嵌套循环。因为我是固子里面是个数组吧,数组里面是不是有负子,那不有两层变率吗?这个效率是极低的。能不懂,所以我们选择一种效率高的啊,而且呢,用VX呢,能更加的锻炼我们啊,这个要好一点,好,所以我这个啊,这个购物项的数组就不需要传了。
08:10
对吧,但是你肯定要去通过什么。通过map的是去读,能懂我说的意思不啊,大家看到我假设啊,就去把这个写一写,我设计一个啊map state。下面对吧,点点点map。啊,去想一个名字。我们是叫。叫什么呢?譬如说就叫卡裤子行吗?就购物车里面的复制嘛。各位可以啊,等会我们这个VS代码等会再写啊,这有一个了啊,这个就相相当于已经有了啊,好,还有哪些需要的大家想啊。
09:07
嗯,这个里面呢,还有一些需要去显示的,比如说我把这个放大一点。大家看一下我们这里面是不是要显示一些数值啊,主要有一些数值。好,数据有哪些方面大家看啊啊,我把它搞到云端,我们先看一下初始的状态。初始状态里面就有几个啊,一个是多配送费多少钱。再一个呢,是什么,多少钱起送,哎,这两个数据在哪呢。这两个数据属于谁的,属于商家的。能不懂商家信,我们不有一个信息叫商家信息吗?叫ino吗?能听懂我意思不,这个是在info里面,大家可以看一下就知道啊,我们不有ino吗?这个info里面就有,比如说mean price什么意思啊,起送价嘛,这不大家起步价都有吗?对不?好像基本上都20是吧,他很少有低于20的就起送价。
10:17
好,还有一个配送费用多少钱,四块钱,这是不是在four里面,那in four是不是在v X state里面,所以我这里面必然要搞吗?付好,一旦得到音符,这两个数据是不是都得到了。能懂不能懂吗?好,那下面还有一些。还有一些什么呢,大家看呢。点它点它这是什么意思,这里有几个一个这个是什么东西。总数量。能懂不,而这个呢,总价格。
11:03
看到不,而这个总数量和总价格是基于谁来进行统计的?记谁就记他嘛。是吧,而他是不是我们VX里面管理一个状态。说明刚才那两个应该是定义在哪个里面去了,跟大家说应该定义在store gets里面。这里面不,我刚刚不说了吗?我要显示的这两个数据是基于谁的?其他的嘛,对吧,而他是不是我们state里面某一个状态属性。那也就是说必然我还要写什么map gets对吧,而且我这边我先写上啊,给照个模子出来点点点。
12:03
A map gets括号中括号有什么呢?有两个属性,Total count'这叫什么?总数量是吧,下一个涛涛是不是总价格。能看到吧,能看到那分析到最后好像。发现一个事,什么事呢?这根本不需要。是吧?本来我们是想去分析pro的,后来又分析了一通,发现都是从VX里面搞出来的。是吧,没关系,只要分析出来就行,对吧,能不能看懂。啊,如果说我们这个应用不用VS,这些数据都要通过传。懂吗?啊,主要是我们现在不有V了吗。对不对,那也就是说我们的这个组件,我们的这个组件写起来用起来就很轻松了,只需要写这个标题名来看一下。
13:08
看下先干嘛,引啊引路,名字叫什么来着说。shop.view shop是吧,能看懂,好接着是吧,接着是不是要写标签?好,前面我已经告诉大家,大家可以通过了,Elements是不是看写在部位置啊,实际是写在这里了。写在这里。那就来个什么呢?是不开了,我需要传标签属性吗。不需要,因为刚才我们分析了一通,根本就不需要,对不对。能懂意思吧,能懂啊,那能懂以后,后面我们就剩下什么了。
14:02
是不是需要去把这几个东西给他什么,是不是定义出来,来第一个他。注意做啊,在这个里面我们需要去加一个state。对吧,写一下啊,初始值为什么空数组这个是什么。购物车中。食品的或者食物的什么列表?对吧,而且这里面的每一个食物都应该有什么属性count,它的是不是直接大于零。真的不好啊,这个搞好以后下面。啊,下面一个事情就是这里面要定义什么。是不是计算属性来定一下。啊,第一个叫total count是吧,好,怎么写了这个时候啊,这里还要一个state,我要根据,最终是要做一个统计工作,根据谁的统计叫cut。
15:20
复制我要统计用数字的什么方法?Reduce对吧?哎,这个的时候就会有一些啊特别的写法,初始东起零对吧,这个里面还记得写什么three total或者写total都行啊,接着了。某一个负的呗。是吧,返回的是什么,在原来的上面加上几个值负的里面的什么看。
16:00
其实并不难吧,好类似的是不是还因为有一个叫涛涛什么,这个名字不能写错了啊,因为刚才写过了对吧?好这个稍微改改就行。改什么?这个在这改一下乘以负的。好了。能看到吧,啊,这个你要看不懂,那你就回去需要把那个再搞一搞。这个是大家必须得会的啊,Reduce这个。嗯,现在呢,我们应该有一个有没有一个显示,诶没有显示吗。我没用上吗?看一下我们当前的这个。
17:02
我看一下啊,我先审查一下,看这没显示出来是吧,那显出来得就得看是一个什么样的情况,对不对,首先看那个组件有没有。先报看报错没有吧,先报错了,那没没法整了。说我的这个CU有问题,Template or reading function not found。渲染的模板没有定义,我不定义模板了吗?看一下啊啊,我们的这一个看就知道是吧,看看有什么问题,是不是相当于他们那里没有写啊,对吧?啊好template写对吧。能看到吧,嗯,好。
18:02
我现在怎么已因就有了,这是我对了,我写的是个静态的,我现在还没有动态读数据啊,对吧,能看到吧,现在我写的写的模板是静态模板对不对。啊,首先没报错吧,啊,接着当然同时大家也可以去看一下你的那个那个VX里面的数据,嗯,看什么呢,我们不有一个。现在有什么,有没有里面没有数据啊,还没有数据啊。啊,接着我是不是有两个get塔都为零了啊,这个都没问题啊。这相当于我们做了一个很好的准备工作,那后面其实难度就不太大了啊。好,先把这个停一下。
我来说两句