export default new Router({
    routes: [
    {
        path: ‘/‘,
        name: ‘Hello‘,
        component: Hello
    },
    {
        path: ‘/header‘,
        name: ‘Header‘,
        component: Header
    }
    ]
})    

<div class="list-group">
　　<!-- 通過傳入 `to` 屬性指定鏈接. -->
　　<!-- <router-link> 默認會被渲染成一個 `<a>` 標簽 -->
　　<router-link to="/">Go to home</router-link>
　　<router-link 
 
to="/header">Go to header</router-link>
　　<!-- 路由出口 --> 
　　<!-- 路由匹配到的組件將渲染在這裏 -->

　　<router-view></router-view>
</div>

相關推薦