📄️ 添加路由
添加路由规则
📄️ 动态路由匹配
很多时候,我们需要将命中匹配模式的路由映射到同一个组件。例如,我们可能有一个 BookDetail 组件,它应该对所有书籍进行渲染,但不同的书籍的 ID 也不同。为了处理这种关系,在 san-router 中,我们可以在路径中使用一个动态字段来实现,我们称之为 路径参数:
📄️ 嵌套路由
注意:使用 s-is 指令,要求 San 的版本号 >= 3.10.0
📄️ 路由懒加载
当页面足够复杂,并且具备多个路由的情况下,应用的包体积会非常大,从而增加页面加载时间,对用户体验造成非常大的影响。为了提升性能,把代码按照路由拆成多个 JavaScript 模块是非常必要的。
📄️ 编程式路由
除了使用 ` 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。比如使用 router.push 导航到特定的路由切换视图,这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,会回到之前的 URL。点击 相当于调用 router.push(...)` :
📄️ 导航守卫
基本用法