vue3:router

Vue 3中的路由功能通过vue-router库提供。在Vue 3中，你可以使用<router-link>和<router-view>组件来实现路由功能。你可以在模板中使用<router-link>来创建链接，将to属性设置为目标路由的路径即可实现路由跳转。例如，你可以通过点击按钮来跳转到关于页面：

<button @click="jumpToAbout">关于</button>

在setup函数中，你可以使用useRouter函数来获取路由对象，并使用push方法来实现跳转。你可以将路由路径作为参数传递给push方法，也可以传递一个包含路径和参数的对象。另外，你还可以使用replace方法来替换当前页面的路由，使用go方法来前进或后退多少步，使用forward和back方法来前进或后退一步。

在模板代码中，你可以使用<router-link>组件来创建链接，并将to属性设置为目标路由的路径。例如，在User.vue组件中，你可以通过以下代码来创建用户登录和用户注册的链接：

<router-link to="/user/login">用户登录</router-link> | <router-link to="/user/register">用户注册</router-link>

并将<router-view>组件放置在模板中的适当位置，用于显示当前路由所对应的组件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue3:vue-router路由的使用](https://blog.csdn.net/qq_24767091/article/details/119326884)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [VUE Router路由](https://blog.csdn.net/chehec2010/article/details/119860981)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]