当你点击链接或按钮时，将会导航到 User 组件，就会显示相应的用户 ID。
这里说一下执行流程，当点击一个 router-link 时，Vue Router会执行以下流程：
1）点击事件触发: 当你点击 router-link 组件时，会触发一个点击事件。
2）Vue Router 拦截: Vue Router会拦截这个点击事件，阻止浏览器默认的页面跳转。
3）解析目标路由: Vue Router会解析 router-link 的 to 属性，这个属性指定了目标路由的路径或命名路由。
4）匹配路由规则: Vue Router会将解析得到的目标路由与路由配置中的规则进行匹配，以确定最终前往哪个路由。
5）检查权限和执行钩子函数: 如果目标路由涉及到权限控制或使用了路由钩子函数（如 beforeEnter），Vue Router会依次执行这些操作，以决定是否允许导航。
6）执行路由跳转: 如果一切正常，Vue Router将根据匹配到的目标路由，执行页面的切换操作。
7）渲染组件: 目标路由的组件会被渲染到页面中。
8）执行生命周期钩子: 如果目标路由的组件定义了生命周期钩子函数（如 created、mounted 等），这些钩子函数将会依次被调用。文章来源：https://www.toymoban.com/news/detail-729290.html
简而言之，点击一个 router-link 会触发Vue Router的导航流程，这个过程包括了路由匹配、权限验证、钩子函数的执行等一系列操作，最终将目标组件渲染到页面中。文章来源地址https://www.toymoban.com/news/detail-729290.html
到了这里，关于点击router-link时候会发生什么？的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
