内容概述
什么是路由?
后端路由阶段
前端路由阶段
URL的hash
HTML5的history模式:pushState
HTML5的history模式:replaceState
HTML5的history模式:go
认识vue-router
安装和使用vue-router
创建router实例
挂载到Vue实例中
步骤一:创建路由组件
步骤二:配置组件和路径的映射关系
步骤三:使用路由.
最终效果如下
路由的默认路径
HTML5的History模式
router-link补充
修改linkActiveClass
路由代码跳转
动态路由
认识路由的懒加载
路由懒加载的效果
懒加载的方式
认识嵌套路由
嵌套路由实现
嵌套默认路径
准备工作
传递参数的方式
传递参数方式一:
传递参数方式二: JavaScript代码,params,query
获取参数
$route和$router是有区别的
为什么使用导航守卫?
导航守卫使用