Nuxt。属性或方法“ posts”未在实例上定义，但在渲染期间被引用

Question

我正在为此项目使用Nuxt js。在这里，我正在使用asyncData函数来获取服务器端的数据。这就是为什么我不能将数据设置为“数据”的原因，因为所有数据都是在服务器上提取的。但是我在控制台中出现错误“属性或方法“ posts”未在实例上定义，但在渲染期间被引用...”。

<template>

    <div>

        <v-list v-for="item in posts">

            <v-list-tile :key="item.id">

                <v-list-tile-content>

                    <h1>{{item.title}}</h1>

                </v-list-tile-content>

            </v-list-tile>

        </v-list>

    </div>

</template>

export default {

        asyncData() {

return axios.get('https://jsonplaceholder.typicode.com/posts')

                .then(response => {

                    return {posts: response.data}

                })

        }

    }

由于文档，https：//nuxtjs.org/guide/async-data我只需要使用“帖子”