vue手机商城项目实战（5）-首页类型组件实现

本文接：vue手机商城项目实战（4）-首页轮播图组件实现
1、我们需要在轮播图下实现商城商品分类类型展示，主要是为了展示图标。所以我准备了一些分类图标，下载后放入assets\img目录下
[dltable file=”分类图标” size=”67kb”]本地下载[/dltable]

2、我们在views目录下，新建Type.vue代码如下：

3、将Type.vue导入到Home.vue中使用，Home.vue现在代码如下：

程序员导航

优网导航旗下整合全网优质开发资源，一站式IT编程学习与工具大全网站

立即访问

4、测试效果：