Question

我是VueJS的新手，我想知道这里发生了什么。以下是我在Server Side Rendering with Nuxtjs Firebase上关注本教程的代码。但是当我执行heroku_id__c时，它输出以下错误。谁能告诉我这是怎么回事？

firebase serve

错误：[Vue警告]：属性或方法“事实”未在实例，但在渲染过程中被引用。确保该属性是反应性的，无论是在data选项中，还是在基于类的组件中，通过初始化属性。

Answer 1

在asyncData方法的末尾，您的事实是一个数组。在asyncData中（就像在普通的vue数据函数中一样），您需要返回字典。

因此应如下所示：

export default {
  async asyncData() {
    const response = await fetch('https://nuxt-ssr.firebaseio.com/facts.json');
    const facts = await response.json();
    return {facts}; // Same as return  { facts: facts }
  }
}

带有Nuxtjs属性或方法的VueJS未在实例上定义，但在渲染期间被引用

1 个答案: