<p>我目前正在使用 Vue 3 开发 Twitter 克隆。可以在此处找到相同的源代码。</p>
<p><code>HomeView.vue</code>的代码如下：</p>
<pre class="lang-html prettyprint-override"><code><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>
</code></pre>
<p>但是在执行相同的操作后，我在开发人员的控制台中收到以下错误。</p>
<pre class="brush:php;toolbar:false;">Uncaught (in promise) ReferenceError: Cannot access 'tweets' before initialization</pre></p>
1
981
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
不是组合 API 专家，但我想看看生命周期 a>，你不能像这样直接使用推文，因为它们不能直接使用。之后它们就会被填充。
虽然您的模板是同步的，但它会出错，因为当它（最初）未定义时它无法访问某些内容。
制作 可能是一个解决方案，否则可能是与
watch和 悬念，不确定。PS：这里还有 2 个
tweets变量，这可能会导致一些错误，请小心。