vue vue-router vuex element-ui axios 寫一個代理平臺的學習筆記（一）初始化項目

建立項目 learn

直接在工做空間下用vue-cli來建立
vue init webpack learn

安裝依賴

執行
cnpm i
cnpm run dev

成功的話講出現這個畫面

正式開始寫項目

一、首先修改項目結構
目前的結構

• 新建一個vuex文件夾，用來管理部分狀態，好比 登陸

裏面新建一個store.js

• 新建一個api文件夾，用來寫axios的請求借口,裏面放一個api.js

• 新建一個data文件夾，用來存放或模擬數據，放一個data.js

• 裏面放空內容就行

如今的結構

二、在main.js裏面引入vuex element等

三、修改App.vue文件代碼，確認element是否引入成功
代碼
輸出：
說明是沒有問題的

---

組件規劃和寫路由結構

預想中要實現的功能：

• 主頁 home

• 商品展現 products

• 使用幫助 FAQ

• 用戶操做 manger

  • 用戶信息 manger/my

  • 發貨管理 manger/send

  • 歷史發貨 manger/history

• 登陸 login

• 註冊 regin