iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

Vue.js 進階心法 系列

對於自己這兩三年以來使用 Vue.js 的常見的實踐方式整理,並且結合前端框架與常見的程式設計觀念,解釋這些做法與觀念之間的關係、如何提昇開發經驗....等內容,分享一部份常見的專案實作方式,也有助於在好想工作室給學員有一個較好從框架語法熟悉之後,可以銜接到管理較多複雜頁面的大型系統時的摸索期。

鐵人鍊成 | 共 30 篇文章 | 85 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室V5.0
DAY 11

存放資料的 state、module

在 JavaScript 中,儲存資料的方式,長這樣。 { name: 'Chris', age: 18 } 抽象資料型別 ADT 強型別語言的話,要...

2021-09-26 ‧ 由 Chris 分享
DAY 12

Vuex 的使用偏好

這是我個人的使用偏好,而且是以抽象資料型別的使用方式來理解 vuex 的使用方式。也許,我是說也許啦!和官網的不太一樣。 昨天介紹了物件設計的核心原則,就是...

2021-09-27 ‧ 由 Chris 分享
DAY 13

處理 API 層次感之地基篇

先重新封裝 axios 的用法。並且一開始先不打算開放使用 axios 原生功能。 希望可以讓 GET: API.GET(url, params) 其它的就照...

2021-09-28 ‧ 由 Chris 分享
DAY 14

讓程式碼化為 API Doc

先寫 API 文件。 可以使用mockAPI的服務取得一組 user 的 API。 因應需求寫的 API 文件 GET /user response 200 {...

2021-09-29 ‧ 由 Chris 分享
DAY 15

不要在 mutation 加工 API 回來的資料

mutation當作 state 的 setter 使用。要符合 setter 的使命,擋掉錯誤格式。 在 GET 和 POST 格式差很多時。可以在 mut...

2021-09-30 ‧ 由 Chris 分享
DAY 16

getters 就是欲望

用 getters 抽象 state 整個系列寫得太嚴肅了,這次在標題上小小的中二一下。 vuex 的 getters 用來展現欲望,展現想要使用資料的樣子...

2021-10-01 ‧ 由 Chris 分享
DAY 17

actions 就是 Vuex 裡「共用的 method」

有時候,需要 CRUD 以外的行為,後端有時會開專屬的 API,有時候不會。有時候在使用 API 時,前端也有一些「一定會一起執行的事」。 那麼,這些「雜項」就...

2021-10-02 ‧ 由 Chris 分享
DAY 18

用兩支 API 實作新增資料與上傳檔案

實作新增資料與上傳檔案有兩種做法 開一支 API 處理新增使用者,設定成 multipart/form-data 就可以同時上傳檔案和使用者資料。 開一支上傳...

2021-10-03 ‧ 由 Chris 分享
DAY 19

載入頁面,什麼時候發 API 適合?

我們想要找一個適合的地方送出 $store.dispatch('fetchUser', 1); 今天就來聊聊放在哪最適合 一開始,官網教 axios 的地方 U...

2021-10-04 ‧ 由 Chris 分享
DAY 20

其它的 lifecycle 或 vue router 的 hook

在 About 刷新一次頁面 還有一些用在我也不太常用的 lifecycle 這次就一起 Demo 一下順序 兩個 component 切換 從 About...

2021-10-05 ‧ 由 Chris 分享