Vue 前端架构图（分层设计：路由/组件/状态/网络/构建）
2026-11-09 16:49:51
0
举报
前端技术架构图模板——基于 Vue + Webpack 技术栈
火狐浏览器
EventBus
前端应用
Mock.js
Nginx
业务组件
Edge浏览器
网络层
远程组件
页面路由
权限校验
数据校验
网关层
Api封装
公共函数
静态路由
Eslint
主题及布局
服务端
低代码组件
webpack
TypeScript
动态组件
深度拷贝（deepClone）
Broadcast Channel
开发质量管理
Node.js
Less
vuex
vue-cli
Vue i18n
公共指令（directive）
Grid Layout
...
统信OS浏览器
Typescript
奇安信浏览器
基础组件
混入函数（mixins）
Axios
服务端接口
路由守卫
用户端
yarn
ElementUI
数据及缓存管理
MessageChannel
构建运行
其他功能组件
异常处理
CSS3
单元测试
Indexed DB
fetch
Vue.js
自动化测试平台Mock
View Design
Git hooks
应用界面
动态路由
LocalStorage
Echarts
登录校验
vuedraggable
自研组件
记录页面历史
