VuexFire Mutations

Question

VuexFire Vuex v2を使用している人なら誰でも。 mutations: VuexFire.mutationsとは何ですか？答えは明白かもしれませんが、私はそれが何を意味するか分かりません。私の実際の突然変異はどこに行くのですか？私は現在Vuex v1を使用していますが、うまくいくようですが、Vuex v2を使用するようにアップグレードしたいと思います。ありがとう！

var store = new Vuex.Store({ 
    state: { 
    items: null 
    }, 
    mutations: VuexFire.mutations, // What is this and where is it coming from?? 
    getters: { 
    items: function (state) { return state.items } 
    } 
}) 

new Vue({ 
    el: '#app', 
    store: store, 
    computed: Vuex.mapGetters([ 
    'items' 
    ]), 
    firebase: { 
    items: db.ref('items') 
    } 
}) 

Answer 1

私はこの間ずっと自分と苦労しました。 VuexFire.mutationsのことを100％確信しているわけではありませんが、VuexFireはFirebaseデータベースのデータを取得し、そのデータで正しくアプリケーション状態を変更することを担当していることを理解しました。

これは、ローカルストアの状態の突然変異を起こす魔法のようなコードのようです。

あなたのアプリがFirebaseデータベースを変更/変更するには、Firebaseデータベース参照を取得し、自分でデータを設定/プッシュするなどの方法が必要です。

例えば

、イラストのためにあなたのコードを使用して、

firebase: { 
    items: db.ref('items') 
} 

mutations: VuexFire.mutationsが「知っている」ようになるものとアプリの状態を変異させます。私はこれが役に立てば幸い

db.ref('items').push(WhateverNewData) 

：しかし、あなたのFirebaseデータベースを変異させる、あなたのような何かをする必要があります。