vue3 路由及路由出口
时间: 2023-08-20 19:12:12 浏览: 131
在Vue 3中,路由的目录结构和Vue 2是一样的,路由的管理放在src/router
目录下。在该目录下,有以下文件:
index.ts
:路由配置文件,如果路由很多,可以再拆分成模块文件。routes.ts
:项目入口文件。main.ts
:主文件。
在Vue 3中,使用路由需要导入路由API,不能再使用this.$router
。可以通过以下方式导入路由API:
import { useRouter } from 'vue-router'
在Vue 3中,获取当前路由信息也有所不同。在组件中,不能再使用this.$route
来获取当前路由信息。因为Vue实例既没有了this
,也没有了$route
。如果需要获取当前路由信息,可以使用route
对象。具体的使用方式可以参考Vue Router的官方文档。
引用[.reference_title]
- 1 2 3 vue3 路由的使用[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
allinsert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
相关推荐













