Vue.js-Projektfehler: Auf die Variable kann vor der Initialisierung nicht zugegriffen werden
P粉897881626
P粉897881626 2023-08-25 22:40:48
0
1
625
<p>Ich entwickle derzeit einen Twitter-Klon mit Vue 3. Den Quellcode dafür finden Sie hier. </p> <p><code>HomeView.vue</code>Der Code lautet wie folgt:</p> <pre class="lang-html Prettyprint-override"><code><template> <div class="home"> <Tweet v-for="in Tweets twittern" :key="tweet._id" :tweet="tweet" </div> </template> <script> import { ref } aus 'vue'; Tweet aus „../components/Tweet“ importieren; Tweets aus „../tweets“ importieren; Standard exportieren { aufstellen () { const tweets = ref(tweets); zurückkehren { Tweets, Twittern } } } </script> </code></pre> <p>Aber nachdem ich den gleichen Vorgang ausgeführt habe, wird in der Entwicklerkonsole die folgende Fehlermeldung angezeigt. </p> <pre class="brush:php;toolbar:false;">Uncaught (in Versprechen) ReferenceError: Vor der Initialisierung kann nicht auf „Tweets“ zugegriffen werden</pre></p>
P粉897881626
P粉897881626

Antworte allen(1)
P粉020556231

不是组合 API 专家,但我想看看生命周期 a>,你不能像这样直接使用推文,因为它们不能直接使用。之后它们就会被填充。

虽然您的模板是同步的,但它会出错,因为当它(最初)未定义时它无法访问某些内容。

制作

可能是一个解决方案,否则可能是与 watch悬念,不确定。

PS:这里还有 2 个 tweets 变量,这可能会导致一些错误,请小心。

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage