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

Question

有一个老虎机

.....
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组件编辑中获取数据？

<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文档中的多个位置都对此进行了很好的描述。