Vue:前端路由
一、路由的基本概念与原理
1.1、后端路由
1.2、SPA(Single Page Application)
1.3、前端路由
1.4、实现简易前端路由(不重要)
二、vue-router的基本使用
1、vue-router概述
2、基本使用
- 引入相关的库文件
- 添加路由链接
- 添加路由填充位
- 定义路由组件
- 配置路由规则并创建路由实例
- 把路由挂载到 Vue 根实例中
3、路由重定向
三、vue-router嵌套路由
1、嵌套路由功能分析
2、父路由组件模板
3、子级路由模板
4、嵌套路由配置
四、vue-router 动态路由匹配
1、动态匹配路由的基本用法
2、路由组件传递参数
五、vue-router 命名路由
1、命名路由的配置规则
六、vue-router 编程式导航
1、页面导航的两种方式
注意:
- go()函数的值为±1。
- 1表示打开下一个网页。
- -1表示退回上一个网页。