vuex初解教程

2021-09-16 13:42:41 字數 1987 閱讀 3779

什麼是vuex?

vuex是乙個專門為vue.js設計的集中式狀態管理架構。狀態?我把它理解為在data中的屬性需要共享給其他vue元件使用的部分,就叫做狀態。簡單的說就是data中需要共用的屬性。
為什麼使用vuex?

如果您不打算開發大型單頁應用,使用 vuex 可能是繁瑣冗餘的。確實是如此——如果您的應用夠簡單,您最好不要使用 vuex。乙個簡單的 global event bus 就足夠您所需了。但是,如果您需要構建是乙個中大型單頁應用,您很可能會考慮如何更好地在元件外部管理狀態,vuex 將會成為自然而然的選擇。
vuex組成state:存放的資料狀態

對state中的狀態進行過濾處理

一般處理方法是:

computed: },

如果有多個元件需要用到此屬性,我們要麼複製這個函式,或者抽取到乙個共享函式然後在多處匯入它 —— 無論哪種方式都不是很理想。

vuex 允許我們在 store 中定義『getters』(可以認為是 store 的計算屬性)。就像計算屬性一樣,getters的返回值會根據它的依賴被快取起來,且只有當它的依賴值發生了改變才會被重新計算。

getters 接受 state 作為其第乙個引數:

const store = new vuex.store(,

]},getters: }

})getters 會暴露為 store.getters 物件:

store.getters.donetodos // ->

mutations:

更改 vuex 的 store 中的狀態的唯一方法是提交 mutation。

mutation中寫有修改資料的邏輯。

actions:

action 提交的是 mutation,而不是直接變更狀態。

action 可以包含任意非同步操作。

**示例:

**總結構

最後在main.js中引入

頁面使用

this.$store.state.countnum.xx//獲取狀態中的某個字段

this.$store.dispatch('action中的方法名' , '引數');//修改狀態中的字段值

sdio架構初解

一.前言 sd卡的大名是耳熟能詳,但是sdio匯流排確是不為人解,不過說起他的近親spi就知道了。我們這裡主要是理解sdio匯流排,並不去理解spi匯流排。也許大家會畏懼其龐大的 其實我們並不需要詳細理解其具體的實現,我們需要理解其架構。二.主機 host 在linux2.6.28中,在sdhci ...

Rete演算法初解

rete匹配演算法是一種進行大量模式集合和大量物件集合間比較的高效方法,通過這種方法找出所有匹配各個模式的物件。rete演算法以犧牲記憶體換取高速的策略 rete演算法分為兩個部分 規則編譯 rule compilation 執行時執行 runtime execution 規則編譯 功能 如何在pr...

C Assembly 反射初解

反射是乙個程式集發現及執行的過程,通過反射可以得到 exe和 dll 等程式集內部資訊,使用反射可以看到程式集內部類,方法,介面,結構,屬性,特性等資訊。命名空間類system.reflection內包含多個反射常用類。舉個栗子 assembly 通過此類可以載入操縱乙個程式集,並獲取程式集內部資訊...