Wie kann man Daten von einer vue-Komponente in einer anderen Komponente abrufen?

Question

Es gibt eine vue Royter

..... 
const Edit = Vue.component('edit', require('./components/pages/edit.vue')); 
const Product_category = Vue.component('home', require('./components/pages/product_categories.vue')); 

const routes = [ 
    ........ 
    { 
     path: '/product_categories', 
     name: 'product_categories', 
     component: Product_category 
    }, 
    { 
     path: '/product_categories/edit/:id', 
     name: 'product_categories_edit', 
     components: {default: Edit, entity: Product_category}, 
     props: {default: true, entity: true} 
    } 
]; 

Wie kann ich Daten in der Komponente product_category componate bearbeiten bekommen?

<script> 
export default { 
    props: ['id', 'entity'], 
    mounted: function() { 
     console.log('Admin edit page mounted.'); 
     console.log(this.entity); // Eror 
     console.log(entity); // Eror 
     this.getData(); 
    }, 
} 
</script> 

Eine direkte Beschwerde ist nicht geeignet, weil jeder Router seine eigene Entität hat.

Answer 1

Verwenden Sie vuex, wenn Sie ein globales state-Objekt bevorzugen. Es ist können Eigenschaften für jede Instanz und Komponente https://github.com/vuejs/vuex

abgebildet werden Wenn Sie ein Ereignis basierten Ansatz ein Ereignis Bus bevorzugen https://alligator.io/vuejs/global-event-bus/

Es ist alles gut an mehreren Positionen in der offiziellen vuejs Dokumentation beschrieben.