vue手机商城项目实战（6）-首页商品列表组件实现

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

1、从网上下载一些商品图片，我这里准备了6个商品的图片
[dltable file=”商品图片” size=”342kb”]本地下载[/dltable]

2、将其解压后存放到assets\img目录下，以便测试使用

程序员导航

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

立即访问

1、在views目录下新建Goods.vue，代码如下：
[v_warn]注意：商品详情和添加到购物车暂时不实现，只是写了个方法[/v_warn]

2、修改Home.vue，代码如下：