前端路由复习、Vue-router的基本使用与常用步骤

• 路由
• 前端路由的概念
• 前端路由的原理
• vue-router的基本使用
• vue-router的常用方法
• 后台管理系统案例

---

路由的使用步骤

一、在项目中安装vue-router

npm install vue-router@3.5.2 -S

二、创建路由模块

src------>router/index.js

导入vue,vur-router，使用Vue.use(‘’)将vueRouter注册为插件

创建路由实例对象，将创建的路由实例对象暴露出去

三、路由的常见用法

路由重定向：redirect

嵌套路由：children

动态路由：props 

声明式导航: a router-link
编程式导航：push() replece() go() back()  forward()

导航卫士：

全局前置守卫：router.beforEach((to, from, next)=> { })