[Vue] Vuex 是什麼? 怎麼用? — Actions (25) | vuex axios
在上篇的時候有說過:在Vuex裡面,儲存狀態的為State,組件需要更動狀態時,需要透過Actions發出一個Commit去呼叫Mutations,再由Mutations去更改State。上篇說明了怎麼使用Mutations去改變state,現在來看Actions要怎麼發出一個commit去呼叫Mutations。Mutations只能做同步的操作,如果有非同步的需求,則要使用到Actions,Actions發出commit呼叫Mutations,讓Mutations去改變State的狀態,Actions不能直接修改State,只有Mutations可以更改State。為了示範在Actions非同步的操作,這次的範例來試著抓randomuser[1]這個線上可以隨機...
在上篇的時候有說過:
在 Vuex 裡面,儲存狀態的為 State,組件需要更動狀態時,需要透過 Actions 發出一個 Commit 去呼叫 Mutations,再由 Mutations 去更改 State。
上篇說明了怎麼使用 Mutations 去改變 state,現在來看 Actions 要怎麼發出一個 commit 去呼叫 Mutations。
Mutations 只能做同步的操作,如果有非同步的需求,則要使用到 Actions,Actions 發出 commit 呼叫 Mutations,讓 Mutations 去改變 State 的狀態,Actions 不能直接修改 State,只有 Mutations 可以更改 State。
為了示範在 Actions 非同步的操作,這次的範例來試著抓 randomuser[1] 這個線上可以隨機抓出 user 資訊的 API,另外搭配 axios 來使用
取得本站獨家住宿推薦 15%OFF 訂房優惠
本站住宿推薦 20%OFF 訂房優惠,親子優惠,住宿折扣,限時回饋,平日促銷
[list_sql.title;onformat=retitle] | vuex axios [list_sql.domain_name;onformat=checkfb;htmlconv=no]
[list_sql.description;onformat=ppdecode] Read More
訂房住宿優惠推薦
[hotel_sql.rates_from_exclusive;onformat=usd2nt]
[hotel_sql.hotel_translated_name]
[hotel_sql.hotel_name][hotel_sql.star_rating;onformat=star]
[hotel_sql.number_of_reviews] 評價
滿意程度 [hotel_sql.rating_average]