Как передать данные в шаблон vue | nuxt?

Question

[it_pear_yurec]

Как передать данные в шаблон default nuxtjs,сейчсас легко получается передать данные на любую страницу сайта, но в шаблон передать данные не могу вот код получения данных в шаблоне:

<template>
  <div>
    <AppHeader />
    <Nuxt />
  {{posts}}
  </div>
</template>

<script>
import AppHeader from '~/components/layouts/AppHeader'
import axios from 'axios'

export default {
  components: {
    AppHeader
  },
  async asyncData({store}) {
    const posts = await store.dispatch('post/fetch')
    const category = await store.dispatch('category/fetch')
    return {posts, category}
  },
  
}
// export default axios.create({
//   baseURL: process.env.baseUrl
// })
</script>

<style>

</style>

при выводе данных в двойных фигурных скобках {{}} выдает 'Property or method "posts" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declari....'

Answer 1

[Григорий Моргачев]

В шаблонах и компонентах используйте fetch вместо asyncData
https://nuxtjs.org/docs/2.x/features/data-fetching