用vue3路由写一个后台管理系统左侧菜单栏需要ts语法

以下是使用Vue3和TypeScript编写的示例后台管理系统左侧菜单栏路由代码：

import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
import Home from '@/views/Home.vue';
import Dashboard from '@/views/Dashboard.vue';
import Users from '@/views/Users.vue';
import Settings from '@/views/Settings.vue';

const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  {
    path: '/dashboard',
    name: 'dashboard',
    component: Dashboard
  },
  {
    path: '/users',
    name: 'users',
    component: Users
  },
  {
    path: '/settings',
    name: 'settings',
    component: Settings
  }
];

const router = createRouter({
  history: createWebHashHistory(),
  routes
});

export default router;

在上面的代码中，我们使用了createRouter函数创建一个Vue路由实例，并使用createWebHashHistory函数来创建一个哈希模式的路由历史记录。然后，我们定义了一个routes数组，其中包含了我们的路由配置信息。每个路由对象都包含了path、name和component属性，分别表示路由路径、路由名称和路由组件。最后，我们导出了路由实例。