Vue3项目src目录结构分析 官网
src 目录是项目核心代码所在。 src/components 存放组件,例如创建一个简单按钮组件 Button.vue : {{ buttonText }} 这个组件能在其他地方复用。 src/views 放页面组件,比如 Home.vue 代表首页。 src/router 管理路由,示例: import { createRouter, createWebHistory } from 'vue-router';import Home from '@/views/Home.vue';const routes = [ { path: '/', component: Home }];const router = createRouter({ history: createWebHistory(), routes});export default router; 此代码定义了路由规则。 在使用组件和路由时,要确保路径引用正确。