制作首页App组件 1.完成header区域,使用的是Mint-UI中的Header 2.制作底部的Tabbar区域,使用的是MUI中Tabber.html 在制作购物车小图标的时候操作会相对多一些 先把扩展图标CSS样式,复制到项目中 为购物车小图标添加以下样式mui-icon-extra mui-icon-extra-cart 3.要在中间区域放置一个router-view来展示路由匹配到的组件 改造tabbar为router-link 设置路由高亮 点击tabbar中的路由链接,展示对应的路由组件 制作首页轮播图布局 加载首页轮播图数据 获取数据,如何获取,使用vue-resource 使用vue-resource的this。$ http.get获取数据 获取到的数据,要保存到数据身上 使用v-for循环渲染每个项目 改造九宫格区域的样式 改造新闻资讯路由路由链接 新闻资讯页面制作