00:00
你说做完下再往下做做就行,做这个列表。这个列表呢,是我们商家列表啊,现在的我是直接写在里面了。对吧,直接写在M3里面,按说呢,应该单独抽取成一个什么。抽成一个组件去写。那如果问大家,如果抽成一个组件,我应该叫什么名字合适?叫list行吗?好像不行对吧,你就直接叫list,也不知道是什么list的对不对,最好有一个商品或商家对吧,商家,如果商家我们叫shop的话,那就shop list可以吧?啊这个单词也比较简单。我们把这个呢,给它单独的抽取出来。来抽取一下啊。把它呢搜索一下,因为太多了。嗯。
01:00
接着来啊,我们要去抽取一个组件,现在是抽取的是一般组件还是路由组件。我说的。啊,一般组件,这是我路由组件内部的一个组件,那怎么可能是路由组件呢。他也没有什么切换对吧。就是这个一般组件就行啊,好来啊在这里面,那也就是说我们现在要干嘛去。创建一个list的文件夹,对吧,接着再去创建一个什么。没有文件也叫消费历史,对不对?能懂不好,这就分析一下我们当前这个抽取图片,是不是有一些图片资源。这不有商家图片吗?这个新星的列表吗?对吧,本来原来是写的哪个。原来是写在这个M3里面的,对不对,现在再放到这个里面合适吗?不合适了,所以我当前这一个shop应该新建一个什么images。
02:12
能不懂新建一个images,把两个一个是一个什么stars给它拖过来。拖过来不就是转移吗?先剪切复制粘贴嘛,对吧,先剪切下来是再转移过来,你别留在这里了,不要留在这里了啊,记住啊。其实吧,这些这一个说的数据啊,包括我们这个level的数据,到时候都是动态展现的。都是从后台获取的,只是我现在都是写静态组件。那么呢,现在我们分析的过程,主要涉及到一些拆分组件的一个学习啊,如何来拆组件。好来整过来以后呢,我们下面是不是要写模板写样式啊,模板是要一点一点的写吗。
03:04
不需要,主要是要从M里面知道把哪个部分是不是转移过来。哪些部分需要转移过来呢?这里面啊,我们来看啊,看这个结构这一个不是那个导导航嘛,就是那个轮播是不是下面是三家,但是我不要这整个。看看这是一个头部,这是一个谁呢?这个玩意。懂不懂这个。啊,我就不把它弄出去了啊,你说老师我想把它弄去行不行也行,你想把弄去也行,这都没关系的。我们现在就是想把那个商家的这个列表给他单独提出去,懂不懂。那也就是说,现在我要转移的标签结构是哪个部分呢?是不是这一个部分。能不懂,那就是CTRLX把它转移到我们的什么?
04:05
List里面呢?能理解是吧,好,接着呢去找一下我们当前。M3的里面呢,这个样式。那这个样式,也就是说这整个。有整的吗?需要,为什么?转移到我的什么这边来。看到吗?懂没懂能懂啊好接着啊,也就相当于我现在这个静态组件写好了,懂不懂,接着就是要使用呗,使用不又是那几部吗。轻轻松松都能搞定看到诶这个时候啊,不适宜写在这上面,因为上面是一个第三方的模块。我就把它写在下面吧,可以吧,好,再来一个呗。
05:02
找的,诶,Shop shop shop,哎,可以过去吧,什么东西没问题,下面一个映射成标签。最后。能不能看到。嗯,来看一下。好,这里有个小问题啊,应该是这一个的问题啊,什么问题呢,我们这里面应该是会用到。以前我们的混合的语法对不对,而我这里并没有什么,并没有引入,所以我需要把那个混合的那个引入。是不是引过来啊,引过来接着来啊。可以了吧,同时我们看一下结构是不是用的我们最新的。
06:00
是吧,没有问题,大家看一下啊,是可以的。现在咱都是搞的静态组件啊,都没有从后台获取数据的。现在主要件呢,就是如何来去拆分组件。这也没有什么难度。说实话。
我来说两句