Vuex狀態管理模式的面試題及答案

2021-08-20 00:24:46 字數 1196 閱讀 5436

1、vuex有哪幾種屬性? 答:有五種,分別是 state、 getter、mutation 、action、 module 2、vuex的state特性是? 答: 一、vuex就是乙個倉庫,倉庫裡面放了很多物件。其中state就是資料來源存放地,

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 是乙個專為 vue.js 應用程式開發的狀態管理模式。初始化store index.jsimport vue from vue import vuex from vuex vue.use vuex const store newvuex.store export default store...

Vuex狀態管理模式

官方文件 vuex實現共享狀態管理,實際就是管理裡面的state的相應值 import vue from vue import vuex from vuex vue.use vuex export default newvuex.store mutations getters actions mod...

Vuex介紹(狀態管理模式)

常用除錯 console.log,alert 阻塞的行為,debugger斷點除錯 多個檢視依賴同乙個狀態 eg 選單導航 來自不同檢視的行為需要變更同一狀態 store.js import vue from vue import vuex from vuex vue.use vuex export...