Ralat projek Vue.js: Pembolehubah tidak boleh diakses sebelum permulaan
P粉897881626
P粉897881626 2023-08-25 22:40:48
0
1
645
<p>Saya sedang membangunkan klon Twitter menggunakan Vue 3. Kod sumber untuk perkara yang sama boleh didapati di sini. </p> <p><kod>HomeView.vue</code>Kodnya adalah seperti berikut:</p> <pre class="lang-html prettyprint-override"><kod><template> <div class="home"> <Tweet v-for="tweet dalam tweet" :key="tweet._id" :tweet="tweet" </div> </template> <skrip> import { ref } daripada 'vue'; import Tweet daripada '../components/Tweet'; import tweet daripada '../tweets'; eksport lalai { persediaan () { tweet const = ref(tweets); kembali { tweet, Tweet } } } </skrip> </code></pre> <p>Tetapi selepas melakukan operasi yang sama, saya mendapat ralat berikut dalam konsol pembangun. </p> <pre class="brush:php;toolbar:false;">Tidak ditangkap (dalam janji) ReferenceError: Tidak boleh mengakses 'tweet' sebelum permulaan</pre></p>
P粉897881626
P粉897881626

membalas semua(1)
P粉020556231

Bukan pakar API komposisi, tetapi saya ingin melihat kitaran hayat a>, anda tidak boleh menggunakan tweet seperti ini kerana ia tidak boleh digunakan secara langsung. Mereka kemudiannya akan diisi.

Semasa templat anda disegerakkan, ia akan ralat kerana ia tidak boleh mengakses sesuatu apabila ia (pada mulanya) tidak ditentukan.

Pengeluaran

可能是一个解决方案,否则可能是与 watch dan Suspens, tidak pasti.

PS: Terdapat 2 lagi tweets pembolehubah di sini, yang mungkin menyebabkan beberapa ralat, sila berhati-hati.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan