如何从另一个组件中的vue组件中检索数据？

Question

有一个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} 
    } 
]; 

我怎样才能在组件PRODUCT_CATEGORY componate编辑数据？

<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> 

直接上诉并不合适，因为每个路由器都有自己的实体。

Answer 1

如果您更喜欢全局状态对象，请使用vuex。它的属性可以被映射到每个实例和组件https://github.com/vuejs/vuex

如果你喜欢一个事件为基础的方法使用事件总线https://alligator.io/vuejs/global-event-bus/

它在官方vuejs文档中的多个位置都很好的描述。