# 摘要

vue-router:以插件机制和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。

新一代路由实现原理可移步 VueRouter4 源码解析

一句话总结:封装了一个全局混入,定义了两个挂载在原型上的变量,注册了两个组件

支持三种路由方式:hashhistoryabstract

提供两种组件:<router-link><router-view>

定义两个变量: $router$route

提供了简单的路由配置 (构建选项) 和实例属性 (app,mode,currentRouter)

暴露了一系列实例方法、全局导航守卫钩子以及组件内的守卫:


  • push
  • replace
  • go
  • back
  • forward
  • getMatchedComponents
  • resolve
  • addRoutes
  • onReady
  • onError

  • beforeEach
  • beforeResolve
  • afterEach

  • beforeRouteEnter
  • beforeRouteUpdate
  • beforeRouteLeave

VueRouter 导航守卫 (opens new window)