第一次學習vuex

2021-10-04 16:22:09 字數 1224 閱讀 7001

vuex是什麼呢?vuex 是乙個專為 vue.js 應用程式開發的狀態管理模式。我的理解就是vuex就是存放公共資料的乙個容器。

vuex核心主要分為5個:state、mutation、action、getter、module,個人理解

(1)state主要是定義的狀態,相當於vue裡data裡面的定義的引數,需要改判state狀態值不能直接修改,需要使用mutation中修改,

//狀態

const state =

在vue中取state的值我們可以根據輔助函式mapstate來進行取值,列如

computed:

)}

(2)mutation 官方解釋為:更改 vuex 的 store 中的狀態的唯一方法是提交 mutation,就相當於乙個事件,只有提交了這個事件才能去改變state中的值

//mutations 主要用來操作state

const mutations =

,}

在vue中修改state的值我們可以根據mutations 來修改vue頁面呼叫mutations ,使用commit來提交,列如

this

.$store.

commit

('update_userinfo'

,'要修改的值'

)

上面mutations 中接受到修改的

(3)action 官方解釋為:(1)action 提交的是 mutation,而不是直接變更狀態(2)action 可以包含任意非同步操作,大概意思就是說,action主要操作為非同步操作,非同步操作完成要修改state中的值,不能直接去修改state中的值,需要根據mutation去修改state的值。

//action 非同步請求資料,提交mutation來修改state中的userinfo狀態

const actions =))

})},

vue中呼叫action

//在vue建構函式created呼叫

created()

methods:

)}

(4)getter相當於乙個計算屬性,類如過濾

//使用getter賽選

const getters =

第一次學習

printf 函式和 scanf 函式分別為輸出和輸入函式兩個函式都使用格式字串和引數列表。printf函式列印資料的指令要與待列印資料的型別相匹配。在 和轉換字元中間插入修飾符可修飾基本的轉換說明 scanf函式是輸入函式,它把輸入的字串轉換為整數 浮點數 字元或字串,而printf函式正好與他相...

我與Vuex的第一次邂逅

new vue view template actions methods 上面是我們定義的乙個vue的例項 vuex 是乙個專為 vue.js 應用程式開發的狀態管理模式 what is 狀態管理模式?狀態管理模式 1 state 驅動應用的資料來源,比如元件當中的data就是資料來源 2 vie...

第一次學習oc

1.oc裡面所有的物件都是引用的 2.command line tool沒有沙盒,所以用完整路徑 3.讀檔案並輸出,其中涉及到nsdata nsstring import int main int argc,const char argv nsdata data fm contentsatpath ...