1. 程式人生 > >Vue項目構建設計說明

Vue項目構建設計說明

綁定 sse event bus 常用 rec .proto 信息 pan axios

本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 # 靜態文件

Vue項目構建設計說明