vue-router2

目录

运行时构建 (runtime-only) 方式

routes 数组和router 路由管理器

routes 数组配置项

动态生成的路由

增加新的路由

异步的router.beforeEach()

链接替换

history api

Vue-router1区别

routes实例参数 替代router.start()

routes 实例参数 替代router.map()

routes 实例参数 替代router.redirect()

routes 实例参数 替代router.alias()

---

---

 

运行时构建 (runtime-only) 方式

// main.vue

<template>

  <div id="app">

    <router-view/>

  </div>

</template>

// main.js

new Vue({

router,

render: h => h(App) // vue render

}

 

routes 数组和router 路由管理器

routes 数组配置项

routes redirect  重定向

routes alias  别名

routes meta   {}

var router = new VueRouter({

  routes: [

        { path: '/foo', component: Foo },

        { path: '/tos', redirect: '/sign'},
	{
	  path: '/admin',
	  component: AdminPanel,
	  alias: '/manage'
	},
	{
	  path: '/admin',
	  component: AdminPanel,
	  meta: {
		requiresAuth: true
	  }
	}
  ]

})

动态生成的路由<