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
    }
  ]
})

配置完成,引入vue实例

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

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

App.vue加入router-vue

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