Mottle

VueRouter 基础教程系列 🎉 VueRouter 知识结构体系图（大图预警） router-link props to 目标路由地址，当被点击后，内部会调用 router.push() 进行导

VueRouter 基础教程系列 🎉 简介 通常，我们的路由配置 (routes) 是在路由器被创建之前就已经静态配置好的的。现在，我们可以使用动态路由技术在路由程序运行时阶段动态的添加或删除路由配置

VueRouter 基础教程系列 🎉 导航结果 路由导航的所有可能结果如下所示： 正确跳转到目标页面 可预知的故障 导航被中断 导航被取消 已经处于所要导航的目标页面 不可预知故障 导航守卫中抛出 E

VueRouter 基础教程系列 🎉 路由组件的懒加载 VueRouter 的 component 和 components 配置可以接受一个返回 promise 组件的函数，再结合构建工具 (web

VueRouter 基础教程系列 🎉 滚动行为 创建路由器时，可以使用 scrollBehavior 方法来控制路由切换时页面的滚动位置。 例如，滚动到顶部、保持原先的滚动位置、相对元素位置、锚点滚动

VueRouter 基础教程系列 🎉 简介 路由的过渡效果指的是为路由组件增加转场效果。 在 VueRouter 3.x 中可以直接使用 <transition> 组件包裹 <rotuer-view>

VueRouter 基础教程系列 🎉 相比于 OptionsAPI，CompositionAPI 给我们带来了更多的可能性。 以 CompositionAPI 方式来使用 VueRouter 需要注意

VueRouter 基础教程系列 🎉 在 Vue 中请求服务端数据的时机有两种： 路由导航完成之前：在路由的生命周期期间发起请求。 路由导航完成之后：在路由组件生命周期期间发起请求。 路由导航完成之前

VueRouter 基础教程系列 🎉 路由元信息 首先规范下术语，我们将路由配置对象（routes）中的每个配置项称之为 “路由记录”。 路由记录可以通过 children 进行嵌套，所以当一个路由被