Vue03:前端路由

Vue:前端路由

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

1.1、后端路由

1.2、SPA(Single Page Application)

1.3、前端路由

1.4、实现简易前端路由(不重要)

二、vue-router的基本使用

1、vue-router概述

2、基本使用

  1. 引入相关的库文件

  1. 添加路由链接

  1. 添加路由填充位

  1. 定义路由组件

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

  1. 把路由挂载到 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的案例

猜你喜欢

转载自www.cnblogs.com/ilbty/p/12806197.html
今日推荐