Vuex概念理解

2022-01-11 16:27:55 字數 482 閱讀 5386

vue官方:

store模式:

vuex:

擴充套件閱讀:

flux:

redux:

個人理解

state:狀態,原始儲存的資料

getter:根據原始資料計算出來的值,類似於vue中的計算屬性

mutation:用以操作原始資料方法,裡面的**不能包含業務**就單純的修改state資料

action:用以呼叫mutation達到修改資料的效果,這個裡面可以呼叫api也可以寫業務**等等

module:vuex的模組化,用了這個之後呼叫vuex裡面自定義的方法和狀態一般都需要寫上整個模組名稱

資料流**

vue頁面(元件) -> 呼叫action -> (action裡面會)呼叫mutation -> 修改state -> 回顯vue頁面(元件)

當然也可以不經過action,直接呼叫mutation運算元據也行。

重新理解vuex

在state中定義狀態 islogin false 路由中引入store.js,並使用值 import store from store store.state.islogin 或 store.state.islogin 使用state中的islogin,如上圖,我們無法直接修改state中的值,必...

Vuex核心概念Mutation Action

newvuex.store mutations commit increment mutations commit increment 10 mutations commit increment commit 當需要在物件上新增新屬性時,你應該 以新物件替換老物件。例如,利用 stage 3 的物件...

Vuex的核心概念

state 提供唯一的公共資料源,所有共享的資料都要統一放到 store 的 state 中進行儲存。建立store資料來源,提供唯一公共資料 const store newvuex.store 1.1 元件訪問 state 中資料的第一種方式 this store.state.全域性資料名稱1.2...