vuex解釋 意義以及屬性

2021-09-16 11:56:59 字數 1207 閱讀 8014

vuex 是乙個專門為了vuejs的應用程式開發的狀態管理模式;

即 它只是一種寫法,一種用法,一種思路,而不是一種新的技術。

vuex採用了集中式的儲存,管理vue元件的狀態

下面是vuex的一些解釋:

1、vuex有哪幾種屬性?

答:有五種,分別是 state、 getter、mutation 、action、 module

2、vuex的state特性是?

答:一、vuex就是乙個倉庫,倉庫裡面放了很多物件。其中state就是資料來源存放地,對應與一般vue物件裡面的data

二、state裡面存放的資料是響應式的,vue元件從store中讀取資料,若是store中的資料發生改變,依賴這個資料的元件也會發生更新

三、它通過mapstate把全域性的 state 和 getters 對映到當前元件的 computed 計算屬性中

3、vuex的getter特性是?

答:一、getters 可以對state進行計算操作,它就是store的計算屬性

二、 雖然在元件內也可以做計算屬性,但是getters 可以在多元件之間復用

三、 如果乙個狀態只在乙個元件內使用,是可以不用getters

4、vuex的mutation特性是?

答:一、action 類似於 mutation,不同在於:

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

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

5、vue.js中ajax請求**應該寫在元件的methods中還是vuex的actions中?

答:一、如果請求來的資料是不是要被其他元件公用,僅僅在請求的元件內使用,就不需要放入vuex 的state裡。

二、如果被其他地方復用,這個很大機率上是需要的,如果需要,請將請求放入action裡,方便復用,幷包裝成promise返回,在呼叫處用async await處理返回的資料。如果不要復用這個請求,那麼直接寫在vue檔案裡很方便。

6、不用vuex會帶來什麼問題?

答:一、可維護性會下降,你要想修改資料,你得維護三個地方

二、可讀性會下降,因為乙個元件裡的資料,你根本就看不出來是從哪來的

三、增加耦合,大量的上傳派發,會讓耦合性大大的增加,本來vue用component就是為了減少耦合,現在這麼用,和元件化的初衷相背。

但兄弟元件有大量通訊的,建議一定要用,不管大專案和小專案,因為這樣會省很多事

CSS所有屬性的集合以及解釋

css屬性大全 說明加語法 相關標籤 字型樣式 font style 序號 中文說明 標記語法 1 字型樣式 2 字型型別 3 字型大小 4 字型風格 5 字型粗細 6 字型顏色 7 陰影顏色 8 字型行高 9 字 間 距 10 單詞間距 11 字型變形 12 英文轉換 13 字型變形 14 字型 ...

HttpContext的解釋意義

在.ashx中,我們httpcontext這個詞,到底是什麼意思?下面給大家說說 httpcontext 類 封裝有關個別 http 請求的所有 http 特定的資訊。在處理請求執行鏈的各個階段中,會有乙個物件在各個物件之間進行傳遞,也即會儲存請求的上下文資訊,這個物件就是httpcontext物件...

Vuex 核心屬性 下

modules 可以定義新的模組 官方上說,當我們的應用變的非常複雜時,store物件就有可能變得相當臃腫 為了解決這個問題,vuex允許我們將store分割成模組 module 在這裡,每個模組都擁有自己的state mutations actions getters等 寫個例子吧 首先我們來宣告...