内容概述

527 vue-router_html5

什么是路由？

527 vue-router_javascript_02

后端路由阶段

527 vue-router_javascript_03

前端路由阶段

527 vue-router_javascript_04

URL的hash

527 vue-router_html5_05

HTML5的history模式：pushState

527 vue-router_html5_06

HTML5的history模式：replaceState

527 vue-router_html5_07

HTML5的history模式：go

527 vue-router_懒加载_08

认识vue-router

527 vue-router_嵌套_09

安装和使用vue-router

527 vue-router_传递参数_10

创建router实例

527 vue-router_懒加载_11

挂载到Vue实例中

527 vue-router_嵌套_12

步骤一：创建路由组件

527 vue-router_javascript_13

步骤二：配置组件和路径的映射关系

527 vue-router_javascript_14

步骤三：使用路由.

527 vue-router_html5_15

最终效果如下

527 vue-router_javascript_16

路由的默认路径

527 vue-router_嵌套_17

HTML5的History模式

527 vue-router_javascript_18
527 vue-router_嵌套_19

router-link补充

527 vue-router_懒加载_20

修改linkActiveClass

527 vue-router_懒加载_21

路由代码跳转

527 vue-router_嵌套_22

动态路由

527 vue-router_懒加载_23

认识路由的懒加载

527 vue-router_传递参数_24

路由懒加载的效果

527 vue-router_嵌套_25

懒加载的方式

527 vue-router_懒加载_26

认识嵌套路由

527 vue-router_html5_27

嵌套路由实现

527 vue-router_html5_28
527 vue-router_传递参数_29

嵌套默认路径

527 vue-router_html5_30

准备工作

527 vue-router_嵌套_31
527 vue-router_懒加载_32

传递参数的方式

527 vue-router_嵌套_33

传递参数方式一:

527 vue-router_嵌套_34

传递参数方式二: JavaScript代码，params，query

527 vue-router_嵌套_35

获取参数

527 vue-router_传递参数_36

$route和$router是有区别的

527 vue-router_html5_37

为什么使用导航守卫?

527 vue-router_javascript_38

导航守卫使用

527 vue-router_嵌套_39
527 vue-router_javascript_40
527 vue-router_传递参数_41

导航守卫补充

527 vue-router_传递参数_42

keep-alive遇见vue-router

527 vue-router_html5_43

527 vue-router_嵌套_44