2024年6月1日发(作者：太史方雅)
vue3路由跳转方式
Vue3路由跳转方式：
1. 全局API：
(1) (location, onComplete?, onAbort?)：使用指定的位置对象或路径字符
串跳转到新 URL，第二个参数可选，表示跳转成功的回调函数，第三个参数也是
可选的，表示跳转失败的回调函数。
(2) e(location, onComplete?, onAbort?)：使用指定的位置对象或路径字
符串替换当前 URL，第二个参数可选，表示替换成功的回调函数，第三个参数也
是可选的，表示替换失败的回调函数。
(3) (n)：将当前浏览器历史记录向前或向后推n个步骤，n可以为正数或
负数。
2. router-link组件：
将 router-link 渲染为一个``标签，用来跳转到一个指定的路由。它会被渲染
为一个带有特定样式的a标签，你可以通过 tag 属性来将其渲染为别的类型的 节点，
比如div。
3. 路由跳转编程式：
使用router实例的push或replace方法可以使用编程的方式进行路由跳转。如果
在Vue实例内，可以使用this.$router上的push/replace函数，也可以在组件外部使
用路由实例进行跳转
4. 动态路由：
根据不同的参数，渲染不同的内容，可以将参数放在路由路径中，路径模式中
用::括起来作为参数，这样路由就可以被动态化，可以传入的参数不同渲染不同的
内容。
5. 使用e()函数改变URL：
使用e函数可以使用指定的位置对象或路径字符串替换当前的URL，
替换成功的回调函数和替换失败的回调函数可以选择添加。
6. 使用路由对象实现路由跳转：
通过使用路由对象的push/replace方法可以实现路由跳转，可以通过指定路径字
符串或位置对象，从而实现路由跳转。
7. 使用 router-link 唤醒手动跳转：
router-link 渲染为 ``标签，但是不是每次点击都会跳转，可以在绑定一个事
件来手动调用 push/replace 或上面介绍的全局API实现路由跳转。
2024年6月1日发(作者：太史方雅)
vue3路由跳转方式
Vue3路由跳转方式：
1. 全局API：
(1) (location, onComplete?, onAbort?)：使用指定的位置对象或路径字符
串跳转到新 URL，第二个参数可选，表示跳转成功的回调函数，第三个参数也是
可选的，表示跳转失败的回调函数。
(2) e(location, onComplete?, onAbort?)：使用指定的位置对象或路径字
符串替换当前 URL，第二个参数可选，表示替换成功的回调函数，第三个参数也
是可选的，表示替换失败的回调函数。
(3) (n)：将当前浏览器历史记录向前或向后推n个步骤，n可以为正数或
负数。
2. router-link组件：
将 router-link 渲染为一个``标签，用来跳转到一个指定的路由。它会被渲染
为一个带有特定样式的a标签，你可以通过 tag 属性来将其渲染为别的类型的 节点，
比如div。
3. 路由跳转编程式：
使用router实例的push或replace方法可以使用编程的方式进行路由跳转。如果
在Vue实例内，可以使用this.$router上的push/replace函数，也可以在组件外部使
用路由实例进行跳转
4. 动态路由：
根据不同的参数，渲染不同的内容，可以将参数放在路由路径中，路径模式中
用::括起来作为参数，这样路由就可以被动态化，可以传入的参数不同渲染不同的
内容。
5. 使用e()函数改变URL：
使用e函数可以使用指定的位置对象或路径字符串替换当前的URL，
替换成功的回调函数和替换失败的回调函数可以选择添加。
6. 使用路由对象实现路由跳转：
通过使用路由对象的push/replace方法可以实现路由跳转，可以通过指定路径字
符串或位置对象，从而实现路由跳转。
7. 使用 router-link 唤醒手动跳转：
router-link 渲染为 ``标签，但是不是每次点击都会跳转，可以在绑定一个事
件来手动调用 push/replace 或上面介绍的全局API实现路由跳转。