Vue.js项目错误:初始化前无法访问变量
P粉897881626
P粉897881626 2023-08-25 22:40:48
[Vue.js讨论组]
<p>我目前正在使用 Vue 3 开发 Twitter 克隆。可以在此处找到相同的源代码。</p> <p><code>HomeView.vue</code>的代码如下:</p> <pre class="lang-html prettyprint-override"><code>&lt;template&gt; &lt;div class=&quot;home&quot;&gt; &lt;Tweet v-for=&quot;tweet in tweets&quot; :key=&quot;tweet._id&quot; :tweet=&quot;tweet&quot; /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import { ref } from 'vue'; import Tweet from '../components/Tweet'; import tweets from '../tweets'; export default { setup () { const tweets = ref(tweets); return { tweets, Tweet } } } &lt;/script&gt; </code></pre> <p>但是在执行相同的操作后,我在开发人员的控制台中收到以下错误。</p> <pre class="brush:php;toolbar:false;">Uncaught (in promise) ReferenceError: Cannot access 'tweets' before initialization</pre></p>
P粉897881626
P粉897881626

全部回复(1)
P粉020556231

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

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

制作

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号