[Express+Vue 搭建電商網站] 15 使用 Vuex Getters 複用資料邏輯
使用 Express + Vue 搭建一個電商網站 - 使用 Vuex Getters 複用資料邏輯
有時候我們需要 computed
store 中的 state,在每個組件中複製貼上同樣的 computed
似乎不是一個明智的作法
Vuex Getter
是 Vuex 提供讓我們可以對 Vuex store 中 state 資料做預處理的方法,就可以達成這個目的
每天一小口,蝦米變鯨魚
使用 Express + Vue 搭建一個電商網站 - 使用 Vuex Getters 複用資料邏輯
有時候我們需要 computed
store 中的 state,在每個組件中複製貼上同樣的 computed
似乎不是一個明智的作法
Vuex Getter
是 Vuex 提供讓我們可以對 Vuex store 中 state 資料做預處理的方法,就可以達成這個目的
使用 Express + Vue 搭建一個電商網站 - 使用組件思維重構頁面邏輯
在先前我們學會怎麼使用 Vuex 進行狀態管理、如何使用 Action 取得 API 資料,以及使用 Mutation 更改狀態
而這一篇中將透過 Vue 的組件化思維簡化原本複雜且分散於各個頁面的邏輯
使用 Express + Vue 搭建一個電商網站 - 使用 Axios 取得 API 資料
使用 Axios 取得後端 API 的資料
使用 Express + Vue 搭建一個電商網站 - 在 Vuex 使用 Mutation 管理狀態
透過 Mutation 管理 Vuex中的狀態
使用 Express + Vue 搭建一個電商網站 - 認識 vuex
vuex
來協助我們集中管理組件狀態,就不用到處維護狀態
使得組件只需要專注於渲染頁面,而前端狀態都保留在 vuex 中建立的狀態庫中
所謂狀態庫,其實也就是一個 Javascript 物件
使用 Express + Vue 搭建一個電商網站 - 用 vue 建立一個表單
後端的 API 上次已經開了出來,接著來建立前端使用的表單
這次的目標是建立新增商品時所用的表單,會使用到基本的 Vue 知識,如果沒看過文件的可以先了解一下官方文件
使用 Express + Vue 搭建一個電商網站 - vue-router 的使用
在接下來的內容中會學習 vue-router 的使用方法與學習路由基礎知識
並使用 vue-router 來進行多個頁面的跳轉