Vue-Router笔记

什么是前端路由

1. 后端渲染/后端路由
2. 前后端分离
3. SPA/前端路由

路由的基本配置

1. 安装vue-router
2. Vue.use -> 创建VueRouter对象 -> 挂载到Vue实例上
3. 配置映射关系：1)创建组件 2)配置映射关系 3）使用router-link/router-view

细节处理

1. 默认路由：redirect
2. moder：history
3. router-link(tag/replace/active-class)

动态路由

1. /user/:id
2. this.$route.params.id

参数的传递

1. params
2. quary ->URL
3. URL:协议://主机/端口/路径？查询
   scheme://host:port/path?query#frgment

路由嵌套

1. children:[]

导航守卫

1. 全局导航守卫
2. 路由独享守卫
3. 组件内守卫

Keep-alive