Vue：前端路由

一、路由的基本概念与原理

1.1、后端路由

1.2、SPA（Single Page Application）

1.3、前端路由

1.4、实现简易前端路由（不重要）

二、vue-router的基本使用

1、vue-router概述

2、基本使用

1. 引入相关的库文件

2. 添加路由链接

3. 添加路由填充位

4. 定义路由组件

5. 配置路由规则并创建路由实例

6. 把路由挂载到 Vue 根实例中

3、路由重定向

三、vue-router嵌套路由

1、嵌套路由功能分析

2、父路由组件模板

3、子级路由模板

4、嵌套路由配置

四、vue-router 动态路由匹配

1、动态匹配路由的基本用法

2、路由组件传递参数

五、vue-router 命名路由

1、命名路由的配置规则

六、vue-router 编程式导航

1、页面导航的两种方式

注意：

• go()函数的值为±1。
• 1表示打开下一个网页。
• -1表示退回上一个网页。

2、编程式导航参数规则

7、基于vue-router的案例

Vue03：前端路由

原文：https://www.cnblogs.com/ilbty/p/12806197.html