Vue.js adalah pustaka JavaScript yang sangat populer yang dikenal dengan reaktivitas, fleksibilitas, dan API intuitifnya. Namun, reaktivitas dan fleksibilitas datang dengan beberapa kelemahan, yang menyebabkan kinerja pengembang atau sakit kepala. Properti yang dihitung adalah fitur Vue yang sangat terkenal dan paling dikenal.js, yang digunakan untuk memperbarui beberapa variabel atau melakukan beberapa perhitungan tergantung pada pembaruan beberapa variabel lain.
Posting ini akan mencoba memecahkan masalah yang terjadi ketika properti yang dihitung tidak berfungsi atau memperbarui apa yang kita inginkan. Mari kita lihat skenarionya, apa yang mungkin salah, dan Vue Computed Property tidak diperbarui.
Skenario 1:
Pertama-tama, pastikan Anda tidak membuat kesalahan logis seperti menerapkan logika yang salah. Untuk menghindari kemungkinan kesalahan logika, periksa hal-hal berikut:
- Verifikasi bahwa nama variabel sudah benar.
- Anda menangani cakupan variabel menggunakan "ini".
Skenario # 2:
Hal kedua yang mungkin Anda salah dalam properti yang dihitung adalah Anda tidak peduli dengan efek samping properti yang Dihitung seperti mengedit beberapa data di dalam properti yang dihitung atau memanggil fungsi lain. Misalnya, membalikkan array dalam properti yang dihitung.
Misalkan kita memiliki array di komponen kita.
data()kembali
arrVar:[1,2,3]
,
Di properti yang dihitung, kami membalikkan array.
dihitung:arrayTerbalik()
kembalikan ini.arrVar.balik();
Tetapi, ketika kami menjalankan proyek, itu akan menunjukkan kesalahan 'Efek samping yang tidak terduga di properti yang dihitung "arrayReverse".' karena akan selalu melakukan tugas yang sama lagi dan lagi dan membalikkan array asli setiap saat.
Jadi, cobalah untuk menghindari manipulasi data di properti yang dihitung, dan itu akan bekerja dengan baik untuk Anda.
Skenario # 3:
Skenario lain bisa jadi bahwa properti yang dihitung macet dalam loop tak terbatas, dan terus menghitung ulang sesuatu. Karena properti yang dihitung mengawasi setiap variabel yang disertakan dalam properti yang dihitung dan bereaksi atau dihitung ulang pada perubahan variabel apa pun yang terlibat dalam properti ini, jika Anda mengubah status variabel apa pun di dalam properti yang dihitung, properti yang dihitung akan mendeteksi perubahan. Itu mulai menghitung ulang sendiri, dan itu tidak akan bisa keluar dari loop tak terbatas ini.
Ini adalah beberapa kemungkinan cara yang dapat menyebabkan properti yang dihitung tidak memperbarui masalah.
Kesimpulan
Posting ini telah melalui skenario paling umum yang dihadapi pengembang untuk properti Vue Computed yang tidak memperbarui dan memberikan langkah pemecahan masalah yang mendalam dan langsung untuk setiap skenario. Jika Anda masih belum menemukan solusi Anda, silakan ajukan pertanyaan Anda di platform komunitas Vue dan dapatkan jawaban atas pertanyaan Anda dalam waktu singkat.