vue.js:「SimpleState Management from Scratch」アプローチを実装する場合、ストアを渡す/アクセスする方法は?

ガンディー

これは本当にばかげた質問かもしれませんが、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]

編集
0

コメントを追加

0

関連記事

Related 関連記事

ホットタグ

アーカイブ