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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。