Vue项目构建设计说明

Posted 2021-01-06 shysun

本Vue项目周边依赖

1. element-ui组件库, 在main.js中引入了, 但是在目前的项目中基本上没有使用, 大部分都是自己封装的组件;

2. axios第三方包;

3. vuex 项目复杂后，使用vuex来管理状态必不可少, 主要存放了一些用户信息

整个目录结构

├── build                   # build 脚本

├── config                  # dev build config 文件

├── index.html              # 最基础的网页

├── package.json

├── src                     # Vue.js 核心业务

│   ├── App.vue             # 根组件

│   ├── network                 # 接入后端服务的基础 API

│   ├── assets              # 静态文件

│   ├── api              # mock数据

│   ├── commom              # 登陆劫持, 封装的一些常用方法工具

│   ├── components          # 组件

│   ├── event-bus           # Event Bus 事件总线，目前未使用

│   ├── main.js             # Vue 入口文件

│   ├── router              # 路由

│   ├── service             # 服务

│   ├── store               # Vuex 状态管理

│   ├── util                # 通用 utility，directive, mixin 还有绑定到 Vue.prototype 的函数

│   └── view                # 各个页面

├── static                  #  静态文件