首頁 > web前端 > js教程 > 主體

vuex是什麼?

不言
發布: 2020-10-13 10:36:07
原創
16973 人瀏覽過

Vuex是一個專為Vue.js應用程式開發的狀態管理模式;它採用集中式儲存管理應用的所有元件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。 Vuex可以管理複雜應用的資料狀態,例如兄弟元件的通訊、多層嵌套的元件的傳值等等。

vuex是什麼?

Vuex 是專為 Vue.js 應用程式開發的狀態管理模式。它採用集中式儲存管理應用的所有元件的狀態,並以相應的規則保證狀態以一種可預測的方式變更。

Vuex 也整合到 Vue 的官方偵錯工具 devtools extension,提供了零配置的 time-travel 偵錯、狀態快照匯入匯出等進階偵錯功能。

Vue採用集中式儲存管理應用的所有元件的狀態。這裡的關鍵在於集中式儲存管理。這意味著本來需要共享狀態的更新是需要元件之間的通訊,而現在有了vuex,元件就都和store通訊了。這也是為什麼官網再次會提到Vuex建立大型應用的價值,如果你不打算開大大型的單頁應用,使用Vuex可能會變得很繁瑣,對於大型項目,可以使用Vuex作為不同組件之間的狀態管理,而對於小型的項目,建議使用HTML5特有的屬性,localStroage和sessionStroage作為資料之間的傳遞。

vuex有這麼多核心概念:State、Getter、Mutation、Action、Module。

state裡面就是存放的我們上面所提到的狀態

mutations就是存放如何更改狀態

getters就是從state中派生出狀態,例如將state中的某個狀態進行篩選然後取得新的狀態。

actions就是mutation的加強版,它可以透過commit mutations中的方法來改變狀態,最重要的是它可以進行非同步操作。

modules顧名思義,就是用這個容器來裝這些狀態還是顯得混亂的時候,我們就可以把容器分成幾塊,把狀態和管理規則分類來裝。這和我們創建js模組是一個目的,讓程式碼結構更清楚。

【相關推薦:JavaScript影片教學

#

以上是vuex是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板