これは本当にばかげた質問かもしれませんが、vue.jsの状態管理ドキュメントを読んだ後、ストアパターンを試してみたいと思います。
store.state
この例では、が2つのアプリ間で共有されていることに気付きました。しかしsetMessageAction
、コンポーネント内からストアのメソッドをどのように呼び出すのでしょうか?this
コンポーネントなどからアクセスできるようにするために、ストアをvueインスタンスに注入/登録するべきではありませんか?
はい。それで合っています。
ここで説明するように、コンポーネント宣言でストアを宣言する必要があります
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
}
})
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加