Vue路由

1、路由(外置的) vue-router

import VueRouter from 'vue-router';
import Index from './components/index.vue';
import List from './components/index.vue';
import Login from './components/index.vue';

Vue.use(VueRouter); // 注册
let router = new VueRouter({
    routes:[{ // 定义多个路由
        path:'/index', 
        component:Index
    },{
        path:'/list',
        component:List
    },{
        path:'/login',
        component:Login
    },{
        path:'/music',
        component:Music,
        children:[{  // 封装子路由
            path:'/comd',
            component:Comd
        },{
            path:'/search',
            component:Search
        }]
    }]
})


app.vue // 入口文件
<router-view></router-view>

2、路由跳转路径

<router-link to="/music/recommd">推荐</router-link>

router-link === a
to === href