vue中的路由使用

[xiaqijian]

在vue中我们使用路由，使用官方的vue-router

如何使用vue-router

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

new Router({
  routes: [{
     
}]
}

然后将router注入全局

new Vue({
  el: '#app',
  router

})

路由的分类

第一种：是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。

第二种：组件内的钩子

第三种：单独路由独享组件