Vue.js Nuxtjs Axios模块，在子组件获取数据

我是Vue的新手

我正在使用NuxtJS和axios模块

我可以在

页面/index.vue

获取所需数据，但在

组件/Stores.vue

在

pages/index.vue

中，我确实使用了

async wait

，并且可以从

存储

变量获取数据。在模板部分，我可以使用以下命令查看json值：

{{stores}

async asyncData ({$axios}) {
      let stores= await $axios.$get('/stores')
      return {stores}
 }

在

components/Stores.vue

中，我尝试使用

props

但无法获取数据，在模板部分使用

{{Stores}

时，我看不到任何内容：

props:{
      lojas: Object
 }

如何在components/stores.vue上获得存储

编辑： 现在只需更换顶级vuex即可

我的components/stores.vue代码无法看到json数据，目前只能在pages/index.vue中看到数据：

<template>
{{stores}}
</template>
<script>
    export default {
        async fetch({store}){
            await store.dispatch('lojas/fetchAllStores')
        }, 
        computed :{
            stores(){
                return this.$store.state.stores.all
            }
        }
    }
</script>

{{stores}}
导出默认值{
异步获取（{store}）{
等待门店发货（'lojas/fetchAllStores'）
}, 
计算：{
商店（）{
返回此项。$store.state.stores.all
}
}
}

如果您需要在多个组件中使用一些数据，那么它就是您的用例

您是否将

组件/存储区.vue

lojas

道具绑定到

页面/索引.vue

存储区

在

页面/index.vue中


你的问题不够清楚，你能澄清你想要实现什么吗？我需要在components/Stores.vue获取Json数据，我不明白为什么我无法获取它不确定你的意思，你是否正在尝试导入该组件？请发布完整的代码示例。或者，当我有组件时，我看不到如何从该组件中的axios获取数据component@DanielOrmeño我只是添加stores.vue组件代码我只是更改为vuex，组件/stores.vue绑定到layouts/index.vue中，仍然看不到数据，我使用pages/index.vue和组织布局来解决这个问题。在Nuxtjs中，我可以在组件内部调用vuex吗？可以。在您的组件中，vuex store应该通过
this.$store
提供。