vue中狀態管理vuex的使用分享

2022-03-13 05:44:03 字數 1442 閱讀 6095

一、main.js中引入 store

二、新建store資料夾

index.js為入口js檔案

import vue from 'vue'

import vuex from 'vuex'

import user from './modules/user'

import getters from './getters'

vue.use(vuex)

const store = new vuex.store(,

getters

})export default store

三、新建user.js資料夾,使用者儲存資訊

user.js檔案

import $ajax from '../../utils/fetch'

const user = ,

mutations: ,

},actions: , info) ,

loginbysession () , err => )

})},}}

export default user

四、新建getter.js資料夾,使用者獲取狀態管理裡面的資訊

五、js中使用store方法

vue狀態管理vuex

const store new vuex.store mutations changeasync function state,a getters actions 1000 解讀 獲取 this.sto re.s tate nam e th is.store.state.name this.stor...

vue狀態管理vuex

vuex就是提供乙個倉庫,store倉庫裡面放了很多物件。其中state就是資料來源存放地,對應於與一般vue物件裡面的data 後面講到的actions和mutations對應於methods 在使用vuex的時候通常會建立store例項new vuex.store 有很多子模組的時候還會使用到m...

Vue狀態管理Vuex簡單使用

狀態管理儲存在store index.js中,簡單說明如下 import vue from vue import vuex from vuex vue.use vuex export default newvuex.store state成員操作,必須通過mutations操作state mutat...