繁星coding
2022-10-27 17:00:44
這可能是一個非常愚蠢的問題,但是在閱讀了vue.js 的狀態(tài)管理文檔之后,我想嘗試一下 store 模式。我注意到store.state示例中的兩個應用程序之間共享。但是我現(xiàn)在如何setMessageAction從組件中調(diào)用 store 的方法呢?商店不應該以某種方式注入/注冊到 vue 實例中,以便可以通過this組件或類似的東西訪問嗎?
1 回答

江戶川亂折騰
TA貢獻1851條經(jīng)驗 獲得超5個贊
是的,你是對的。
您應該在組件聲明中聲明您的商店,如此處所述
document.js
var store = {
debug: true,
state: {
message: 'Hello!'
},
setMessageAction (newValue) {
if (this.debug) console.log('setMessageAction triggered with', newValue)
this.state.message = newValue
},
clearMessageAction () {
if (this.debug) console.log('clearMessageAction triggered')
this.state.message = ''
}
}
var vmA = new Vue({
data: {
privateState: {},
<!-- HERE YOU ARE PASSING THE STATE -->
sharedState: store.state
}
})
添加回答
舉報
0/150
提交
取消