# 前言

首先回顾下，我们在实际开发中是如何完成Vue router的初始化的

Vue.use(VueRouter);

const router = new VueRouter({
  mode: 'history',
  routes: [
    // ...
  ]
})

const app = new Vue({
  router
}).$mount('#app')
成功

1
2
3
4
5
6
7
8
9
10
11
12

<div id="app">
  <router-view />
</div>
成功

1
2
3

上述代码共有四步：

调用Vue.use注册插件
传入 routes 配置，创建 router 实例
把router实例挂载到根实例中，让整个应用都有路由功能
使用<router-view />组件切换路由

本章节让我们随着这三步，一起分析源码中是如何完成初始化的

← 源码入口注册插件 →