Vue3项目文件目录详解

按照模块化的思想，比较清晰一些的目录结构如下图

api：

用于模块化管理项目中所有模块的请求文件

assets：

一般分为images和styles
images：项目中需要用到的图片（img、png等）、icon、SVG等
styles：全局的公共样式，reset等

components：

统一管理项目中需要用到的所有.vue组件
一般根据其功能进行分组

directives：

Vue的自定义指令，不多描述

layout：

项目的布局.vue模板

locales：

放置国际化多语言配置文件

mixins：

混入的一些配置，Vue2中用的比较多

plugins：

自己写的一些项目插件

router：

路由管理

store：

Vuex全局变量管理

utils：

自己封装的一些全局性的js功能文件

views/pages:

业务层