vue3路由一级跳转

在Vue3中，进行一级路由跳转有多种方式。一种方式是通过使用`$router.push`方法来实现。你可以在点击事件中使用`$router.push`来跳转到指定的路由路径。例如，你可以在模板中使用`@click`事件来触发路由跳转，代码如下：

<div @click="$router.push('/plantduce')"></div>

另一种方式是使用`router-link`组件实现路由跳转。你可以在模板中使用`<router-link>`标签来创建一个可点击的链接，从而实现路由跳转。例如：

<router-link to="/home">首页</router-link>

这两种方式都可以实现Vue3的一级路由跳转。你可以根据你的需求选择其中一种方式进行操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [【vue3】vue3路由跳转的方式](https://blog.csdn.net/qq_43614372/article/details/128432169)[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_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vue相同路由跳转强制刷新该路由组件操作](https://download.csdn.net/download/weixin_38748382/12924338)[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_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]