Vuex常見題解

2022-09-30 19:15:20 字數 1014 閱讀 1941

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就是為了減少耦合,現在這麼用,和元件化的初衷相背。

Vuex常見使用場景和Vuex中資料快取的使用

vuex非同步請求使用場景一般是在兩個列表中重複請求資料,可以將資料儲存在store中,在使用者頻繁請求時,可以不必要多次的使用ajax請求獲取資料,而是直接在store中拿已經快取的資料 store中的資料是快取在記憶體中的,只要網頁一重新整理或者關閉,快取的資料就會丟失。vuex狀態管理 功能 ...

VUE之VUEX常見面試題

答 vue框架中狀態管理。在main.js引入store,注入。新建了乙個目錄store.js,export 解決的問題 多個檢視依賴同乙個狀態來自不同檢視的行為需要變更同一狀態適用於中大型的單頁面應用 答 有五種,分別是 state getter mutation action module st...

VUEX 快速熟悉vuex

vuex是乙個專為vue.js應用程式開發的狀態管理模式。當我們構建乙個中大型的單頁面應用程式時,vuex可以更好的幫助我們在元件外部統一管理狀態 state getters mutations actions modules 其中state和mutations在任何專案都會接觸到的核心概念。為什麼...