《Vue路由笔记》

39 阅读1分钟

使用Vue-router的步骤

fdd09455afcf9a38d17177446e443444.png

默认跳转路径(redirect)

653b0151fcbe280e95150ebaecb86074.png

内置组件(router-link)

router-link属性

f704244440c5cc5e368dbec6f057b440.jpg

魔法注释,路由懒加载:import函数

d1e746bd31bdcd94534d486cbab8f52c.jpg

routes的其他属性

b2ae87b5d9bdf58a482a7bdc8829b1fa.png

获取动态路由id

7d42427a796b526fe9c78c2c18699128.png

获取动态路由的值

4c209ff7982ea40625001280ae3bf6b3.jpg

找不到界面的路由(notFound)

5aff803f6de8b33311d62355ff0a4c2d.png

代码的页面跳转

2f531aa5756a0c0e5ffb036a38683d65.png

传递query参数

d13225213d8e829666fef7bff9059cc8.jpg

动态添加路由

e102e88c240c04ba60a0139c15f073d1.png

删除路由的方式

83d308b9decd5d0c586b745336efab9b.png

路由导航守卫

cc23758d355f6e07c8cd4f75d06e2819.png