仿蘑菇街首页笔记（总结）

一. 搭建好框架，目录

二.引入插件

1.引入tabbar插件

2.封装引入一个navbar插件

3.引入一个swiper插件实现轮播

4.封装一个recomment组件引入  推荐

5.封装一个featureView组件引入  功能

6.TabControl独立组件的封装

props ->titles    在组件外：绑定数据

div根据titles v-for遍历div ->span{ {item}} 

css相关

选中哪一个tab，哪一个tab的文字颜色变色 下面border-bottom

currentindex

三首页商品数据的请求

3.1 设计数据结构，用于保存数据

goods：{

'pop': { page: 0, list: [] },

 'new': { page: 0, list: [] },

 'sell': { page: 0, list: [] },

}

3.2 发送数据请求

在home.js中封装getHomeGoods

在home.vue中，又在methods中getHomeGoods（type）

调用getHomeGoods（‘pop’）/getHomeGoods('new')/getHomeGoods('sell')

        page:动态的获取对应的page

获取到数据：res

        this.goods[type].page