vuex的5個核心概念三(actions)

2022-08-17 03:15:12 字數 1482 閱讀 5044

4.actions(非同步操作)

在某些情況下確實在vuex中需要進行非同步操作,比如網路請求,這個時候就要將方法寫在actions中

(actions類似於mutations,但是是用來替代mutations進行非同步操作的)

actions中提交mutation,並且可以包含任何的非同步操作。actions可以理解為通過將mutations裡面處裡資料的方法變成可非同步的處理資料的方法,簡單的說就是非同步運算元據(但是還是通過mutation來操作,因為只有它能操作)

我的理解:

後來發現這些資料不夠用,要在背後偷偷傳送乙個請求再要一些資料,而不重新整理瀏覽器,這是非同步

(1)定義actions

contetx是什麼?

context是和store物件具有相同方法和屬性的物件,但不是乙個相同的物件(也就是說,我們可以通過contetx取進行commit相關的操作,也可以獲取contetx.state等)

(2)分發actions (元件中如何使用)

this.$store.dispatch('actions中的方法',payload)

(3)payload傳參

(4)返回的promise

在action中,我們可以將非同步操作放在乙個promise中,並且在成功或者失敗後呼叫對應的resolve或reject

vuex的5個核心用法

vuex 是乙個專為 vue.js 應用程式開發的狀態管理模式。它採用集中式儲存管理應用的所有元件的狀態,並以相應的規則保證狀態以一種可 的方式發生變化 可以把多個元件鏈結起來 vuex中5個主要核心 state 相當於單頁面data,用於存放需要元件中共享的資料 gettermutation 相當...

Vuex的核心概念

state 提供唯一的公共資料源,所有共享的資料都要統一放到 store 的 state 中進行儲存。建立store資料來源,提供唯一公共資料 const store newvuex.store 1.1 元件訪問 state 中資料的第一種方式 this store.state.全域性資料名稱1.2...

vuex的五個核心概念簡述

vuex是vue.js應用設計的狀態管理架構,通俗理解,可以想象就是vue元件中的data 1.state 基本資料來源 簡單的state const store newvuex.store 2.mutatios 提交更改資料的方法 同步 儲存 第乙個引數是vuex中對應mutation的方法,第二...