vue-route 导航使用

//index.js

//routr初始化
import Router from 'vue-router'
import Home from '../components/Home/home.vue'
//注册
Vue.use(Router)

//路由的配置
export default new Router({
routes: [
//默认值设置
{
path : '/',
redirect :'/singer'
},
{
path: '/home',
component: Home
}
]
})

//main.js
import router from './router'

new Vue({
el: '#app',
router,
template: '<App/>',
components: { App }
})

<template>
<div id="app">
<router-view></router-view>
</div>
</template>