VuexFire 돌연변이

VuexFire 돌연변이

Vuex Fire 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')
  }
})

저도 한동안 이 일로 고생했어요.이 모든 게 뭔지 100% 확신할 수는 없지만VuexFire.mutations이제 Vuex Fire는 Firebase 데이터베이스 데이터를 가져오고 해당 데이터로 앱 상태를 올바르게 변환하는 역할만 담당한다는 것을 알게 되었습니다.

그래서 그것이 지역 상점의 상태 돌연변이를 일으키는 마법의 코드인 것 같다.

Firebase 데이터베이스를 변환/변경하려면 Firebase 데이터베이스 참조를 가져와 직접 설정/푸시/또는 데이터를 설정해야 합니다.

예를 들어, 설명을 위해 코드를 사용한다면

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

할 것이다mutations: VuexFire.mutations앱 상태를 '변환'할 수 있습니다.그러나 Firebase 데이터베이스를 변환하려면 다음과 같은 작업을 수행해야 합니다.

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

이게 도움이 됐으면 좋겠어요.

언급URL : https://stackoverflow.com/questions/40432165/vuexfire-mutations