我目前正在使用 Vue 3 开发 Twitter 克隆。可以在此处找到相同的源代码。

HomeView.vue的代码如下：

<template>
  <div class="home">
    <Tweet 
      v-for="tweet in tweets" 
      :key="tweet._id" 
      :tweet="tweet" />
  </div>
</template>

<script>
import { ref } from 'vue';
import Tweet from '../components/Tweet';
import tweets from '../tweets';

export default {
  setup () {
    const tweets = ref(tweets);

    return {
      tweets,
      Tweet
    }
  }
}
</script>

但是在执行相同的操作后，我在开发人员的控制台中收到以下错误。

Uncaught (in promise) ReferenceError: Cannot access 'tweets' before initialization