vuex的使用文件

2021-10-08 10:52:45 字數 895 閱讀 2173

import vue from

'vue'

import vuex from

'vuex'

vue.

use(vuex)

export

default

newvuex.store(,

mutations:

, actions

, getters:

})

在.vue中怎麼使用store?

第一種方式:

this

.$store.state.*** //獲取state中的資料

this

.$store.getters.*** //獲取getters中的資料

this

.$store.

commit

('mutationsname'

,param1,param2...

)//呼叫mutations中的函式,可以傳引數

this

.$store.

dispatch

('actionsname'

,param1,param2...

)//呼叫actions中的函式,可以加入參

第二種方式:

//在script的開頭加import

import

from

'vuex'

//在computed中引入state和getters, 直接按照data的方式使用

computed:

,//在method中引入mutations和actions

methods:

,subn()

}...

vuex的簡單使用

使用了 vue lic腳手架 我不說得很理論,我就說得很通俗 在store檔案下面寫成 index.js是載入全部 下面是 modules檔案下的wallet.js export default getters mutations actions src 這是index.js import vue ...

vuex 簡單的使用

首先是專案目錄結構 我的vuex的目錄是這樣的,簡單說一下每個js檔案的作用吧 首先是 index.js 檔案 這個檔案主要配置 vuex 的入口及檔案的配置 import vue from vue import vuex from vuex vue.use vuex import state fr...

vuex的簡單使用

專案結構 一 建立store 建立分割成模組 module 的state 專案 中建立store資料夾,同時建立index.js,在modules中定義userinfo這個state index.js import vue from vue import vuex from vuex vue.use...