# vue-router
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单⻚面应用变得易如反 掌。
安装: vue add router 核心步骤:
- 步骤一:使用vue-router插件,router.js
import Router from 'vue-router'
Vue.use(Router)
@前端进阶之旅: 代码已经复制到剪贴板
- 步骤二:创建Router实例,router.js
export default new Router({...})
@前端进阶之旅: 代码已经复制到剪贴板
- 步骤三:在根组件上添加该实例,main.js
import router from './router'
new Vue({
router,
}).$mount("#app");
@前端进阶之旅: 代码已经复制到剪贴板
- 步骤四:添加路由视图,
App.vue
<router-view></router-view>
@前端进阶之旅: 代码已经复制到剪贴板
导航
<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>
@前端进阶之旅: 代码已经复制到剪贴板
# vue-router源码实现
- 作为一个插件存在:实现
VueRouter类和install方法 - 实现两