Vue3-29-路由-编程式导航的基本使用

最新推荐文章于 2024-08-27 20:39:32 发布

NorthCastle

最新推荐文章于 2024-08-27 20:39:32 发布

阅读量953

点赞数 14

分类专栏： Vue3 文章标签： vue3 路由编程式导航

本文链接：https://blog.csdn.net/qq_39505245/article/details/135257573

版权

Vue3 专栏收录该内容

53 篇文章 4 订阅 ¥15.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了VueRouter中的命名路由及其在编程式导航中的应用，包括push()方法的多种用法（带参数的命名路由和链接后缀），replace()的替代功能，以及go()方法的使用。通过实例代码展示了如何在项目中实现这些功能。

摘要由CSDN通过智能技术生成

补充一个知识点

路由配置中的 name 属性：
可以给你的路由指定 name属性，称之为 命名路由。
这个 name 属性在 编程式导航 传参时有重要的作用。

命名路由的写法如下 ：
像指定 path 一样，直接指定一个 name 属性即可。
    {
        path:'/d',
        name:'dName',
        component:componentC
    }

什么是编程式导航

编程式导航是相对于 <router-link> 标签的路由方式来讲的。
<router-link> 的方式称之为 声明式导航；
编程式导航 ：就是在代码中，通过调用路由实例对象的 API 的方式，实现路由的导航。
编程式导航的关键是： 路由实例对象。
路由实例对象中包含了跳转路由的方法。
路由实例对象可以通过 useRouter() 这个API 来获取到。<