vue3的router安装
时间: 2023-09-24 19:05:10 浏览: 50
要在Vue 3中安装Vue Router,你需要执行以下步骤:
1. 首先,在你的项目中安装Vue Router。你可以使用npm或者yarn来安装。如果你使用npm,可以运行以下命令:
```
npm install vue-router@next --save
```
2. 安装完成后,你可以在项目的`package.json`文件中查看是否成功安装了vue-router,并且版本号是^4.1.3。例如,你的`dependencies`部分应该包含以下内容:
```
"dependencies": {
"axios": "^0.27.2",
"core-js": "^3.8.3",
"vue": "^3.2.13",
"vue-router": "^4.1.3"
}
```
3. 在项目中创建一个router文件夹,并在其中创建一个`index.ts`文件。你可以按照以下示例代码配置路由:
```typescript
import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
// 配置路由
const routes: Array<RouteRecordRaw> = [
{
path: "/",
component: () => import("../views/home/index.vue"), // 默认路由 home 页面
},
];
// 创建 router 实例,并配置 history 模式
const router = createRouter({
history: createWebHistory(),
routes,
#### 引用[.reference_title]
- *1* *3* [vue3+ts:安装路由(router)](https://blog.csdn.net/weixin_45440521/article/details/129318826)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [vue3:router安装与使用](https://blog.csdn.net/weixin_51785507/article/details/126143855)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]