import './assets/main.css' import { createApp } from 'vue' import App from './App.vue' import {getCategory} from '@/apis/testAPI' getCategory().then(res =>{ console.log(res) }) createApp(App).mount('#app') 如何引入router

要引入Vue Router，您需要执行以下步骤：

1. 安装Vue Router插件。在终端或命令提示符中，导航到项目目录并运行以下命令：

   npm install vue-router

2. 创建一个名为`router.js`（或其他名称）的文件，并在其中定义您的路由配置。例如：

   import { createRouter, createWebHistory } from 'vue-router'
   import Login from './views/login.vue'
   import Layout from './views/layout.vue'

   const router = createRouter({
     history: createWebHistory(),
     routes: [
       {
         path: '/',
         component: Layout,
       },
       {
         path: '/login',
         component: Login
       }
     ]
   })

   export default router

3. 在`main.js`文件中引入Vue Router，并将其安装到Vue应用程序中。例如：

   import { createApp } from 'vue'
   import App from './App.vue'
   import router from './router'

   createApp(App)
     .use(router)
     .mount('#app')

4. 确保在App.vue中使用`<router-view></router-view>`标签来显示路由组件。

现在，您已经成功引入了Vue Router，并且可以在Vue应用程序中使用它来进行页面导航和路由功能。