527 vue-router

内容概述


什么是路由?


后端路由阶段


前端路由阶段


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是有区别的


为什么使用导航守卫?


导航守卫使用




导航守卫补充


keep-alive遇见vue-router



原文地址:https://www.cnblogs.com/jianjie/p/13566877.html