vue3+ts:安装路由（router）

在Vue 3项目中使用Vue Router，首先需要安装Vue Router库。以下是安装Vue Router的步骤：

1. 打开终端。
2. 切换到你的Vue 3项目目录。
3. 运行以下命令来安装Vue Router：

npm install vue-router@4

或者如果你使用yarn：

yarn add vue-router@4

Vue Router 4支持Vue 3。

接下来，你需要在你的Vue 3项目中设置Vue Router。以下是一个简单的例子：

1. 在项目的src目录下创建一个router文件夹。
2. 在router文件夹中创建一个index.ts文件。
3. 在index.ts文件中，配置Vue Router：

import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
import Home from '../views/Home.vue';
 
const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  // 添加更多的路由
];
 
const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
});
 
export default router;

4. 在main.ts中引入并使用Vue Router：

import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
 
const app = createApp(App);
 
app.use(router);
 
app.mount('#app');

这样就完成了Vue Router的安装和基础配置。你可以根据项目需求添加更多的路由规则。