03.vue-router

// 安装
npm install vue-router --save

现在目录新建一个router文件夹，里面新建一个index.js
内容写

import Vue from 'vue'
import Router from 'vue-router'
//导入组件
import Recommend from 'components/recommend/recommend'

Vue.use(Router)

export default new Router({
  routes:[
    {
      path:'/',
      redirect:'/recommend'// 默认初始页面，例如 推荐页面
    }，
    {
      path:'/recommend',
      component:Recommend,// 在上面导入组件
      children:[//二级路由，在最后说怎么使用
        {
           path:':id',
            component:Disc
        }
      ]
    }，
    .......
  ]
})

// 在 main.js导入
...
import router form './router' // 导入上面的文件
... 
new Vue({
  el:'#app',
  router,// 这样导入即可
  ...
})

// 例如本项目中 点击一个 推荐歌单 可以 跳到组件Disc
this.$router.push({
        path: `/recommend/${item.dissid}`
})

router-link

<router-link tag="div" class="mine" to="/user">
      <i class="icon-mine"></i>
</router-link>

路由懒加载

vue中的懒加载和按需加载