Vue Router、Vuex原理实践

# vue-router

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单⻚面应用变得易如反 掌。

安装: vue add router 核心步骤:

1. 步骤一:使用vue-router插件，router.js

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

2. 步骤二:创建Router实例，router.js

export default new Router({...})

3. 步骤三:在根组件上添加该实例，main.js

import router from './router'

new Vue({
    router,
}).$mount("#app");

4. 步骤四:添加路由视图，App.vue

<router-view></router-view>

导航

 <router-link to="/">Home</router-link> 
 <router-link to="/about">About</router-link>

# vue-router源码实现

• 作为一个插件存在:实现VueRouter类和install方法
• 实现两