Byte Ebi's Logo

Byte Ebi 🍤

每天一小口,蝦米變鯨魚

[Express+Vue 搭建電商網站] 17 使用常數管理變數

使用 Express + Vue 搭建一個電商網站 - 使用常數管理變數

Ray

很多時候我們會把功能封裝到組件內,以便重複使用組件,而在組件內我們會定義很多方法名稱去呼叫不同的事件
這中間只要有一個字打錯,整個流程就會錯誤,並且非常難除錯,因此我們會使用常數維持一致
打錯字的時候就會報錯,方便除錯

[Express+Vue 搭建電商網站] 16 抽離 Vuex store 中的邏輯

使用 Express + Vue 搭建一個電商網站 - 抽離 Vuex store 中的邏輯

Ray

隨著我們的迷你電商網站越來越完整,在 Vuex store 中的程式也越來越龐大
不只有 getters、mutation 還有 actions
在章節中先試著將這些複雜的邏輯拆分成個別的檔案,抽出 Getters、Mutations 和 Actions 邏輯

[Express+Vue 搭建電商網站] 15 使用 Vuex Getters 複用資料邏輯

使用 Express + Vue 搭建一個電商網站 - 使用 Vuex Getters 複用資料邏輯

Ray

有時候我們需要 computed store 中的 state,在每個組件中複製貼上同樣的 computed 似乎不是一個明智的作法
Vuex Getter 是 Vuex 提供讓我們可以對 Vuex store 中 state 資料做預處理的方法,就可以達成這個目的

[Express+Vue 搭建電商網站] 11 認識 vuex

使用 Express + Vue 搭建一個電商網站 - 認識 vuex

Ray

vuex 來協助我們集中管理組件狀態,就不用到處維護狀態
使得組件只需要專注於渲染頁面,而前端狀態都保留在 vuex 中建立的狀態庫中
所謂狀態庫,其實也就是一個 Javascript 物件

最新文章

Category

Tag