他の場所のコンポーネントから計算されたプロパティを渡す方法

Question

公式サイトの作業例があります。グローバルfilteredData（計算されたプロパティ）を取得する方法

Example

computed: { filteredData: function() {}) 

？私はそれをどこか別の場所に送りたいと思っています。 $ storeには元のプロパティのみが含まれ、計算されません。これを実現する唯一の方法はデモです。$ children [0] .filteredData。しかしそれは純粋ではありません。ちなみに、私はvuexを使っています。

Answer 1

計算されたデータは、現在のコンポーネントでのみ使用できます。しかし、Vuexでgettersを使用して、計算されたプロパティとしてこれを必要に応じてインポートすることができます。 vuexで

、あなたはこの宣言：あなたがそれを必要とする場合、インポートした後、

getters: { 
    filteredData (state) { 
    return state.data.filter(x => x) 
    } 
} 

をして：[Vue.jsで一つのグローバルデータ構造]の

import { mapGetters } from 'vuex' 
export default { 
    // ... 
    computed: { 
    ...mapGetters({ 
     filteredData 
    }) 
    } 
    // ... 
}