2017-08-07 12 views
0

私はアプリでVuexFireを使用していますし、私のコンポーネントでhttps://github.com/posva/vuexfireのように私はVuexFire:計算組み合わせる方法:と計算された()

computed: Vuex.mapGetters(['todos']), 
    created() { 
    this.$store.dispatch('setTodosRef', todosRef) 
    }, 

これは、私はまた、いくつかの計算されたメソッドを持っているとき以外は正常に動作のようなラインを持っていますその場合、私は何をすべきか分からない。私はのようなもの試してみました:

computed: Vuex.mapGetters(['todos']), 
    computed() { 
     amethod: { return 1 } 
    }, 
    created() { 
    this.$store.dispatch('setTodosRef', todosRef) 
    }, 

computed() { 
     amethod: { return 1 } 
    }, 
    created() { 
    ...Vuex.mapGetters(['todos']) 
    this.$store.dispatch('setTodosRef', todosRef) 
    }, 

が、これらを、彼らは動作しないので、私は試してみました他のものは、明らかに誤っている(firebaseからのデータがない、すなわち、方法が利用できる。あなたはのwiをやっているよう

正しいアプローチは何?すべての

答えて

1

まず、あなたは常に(ない方法として、オブジェクトとして、あなたの計算されたプロパティを指定しますth computed())。

第二に、あなたはcomputedオブジェクトにspread operatorを使用する必要があります。

computed: { 
    amethod() { return 1 }, 
    ...Vuex.mapGetters(['todos']) 
} 

これは効果的Vuex.mapGettersによって返された計算されたプロパティ・メソッドのすべてを広がり、computedオブジェクトのプロパティとしてそれらを定義します。

+0

ありがとうございました。なぜ私はこれを試していないか分からない! – Andrew

関連する問題