vue音乐APP02:页面骨架

首页页面简化效果

1:页面构成:公共组件header,tabs,及四个业务组件

2.四个业务组件分别是四个不同的router,所以需要进行vue-router配置

默认显示"推荐页面",所以配置如下:

{

     path: '/',

      name: 'home',

      redirect: '/recommend'

    }

3.tabs组件就是四个链接,即router-link,

router-link默认渲染为a标签,可以通过属性tag="标签名"修改渲染后的元素,链接激活时的class为:'router-link-active'