Vue.js, tepkiselliği, esnekliği ve sezgisel API'si ile bilinen çok popüler bir JavaScript kitaplığıdır. Bununla birlikte, tepkisellik ve esneklik, geliştiricinin performansına veya baş ağrısına yol açan bazı dezavantajlarla birlikte gelir. Hesaplanan özellik, Vue'nun çok ünlü ve en bilinen özelliğidir.Bazı değişkenleri güncellemek veya başka bir değişkenin güncellemesine bağlı olarak bazı hesaplamalar yapmak için kullanılan js.
Bu gönderi, hesaplanan özellik çalışmadığında ortaya çıkan sorunları gidermeye veya istediklerimizi güncellemeye çalışacaktır. Senaryolara bir göz atalım, ne yanlış gidebilir ve Vue Computed Property güncellenmiyor.
Senaryo 1:
Öncelikle yanlış mantık uygulamak gibi bir mantık hatası yapmadığınızdan emin olun. Olası mantıksal hatalardan kaçınmak için aşağıdakileri kontrol edin:
- Değişken adlarının doğru olduğunu doğrulayın.
- “This”i kullanarak değişkenin kapsamlarıyla ilgileniyorsunuz.
Senaryo # 2:
Hesaplanan özellikte yanılmış olabileceğiniz ikinci şey, Hesaplanan özelliğin bazı verileri hesaplanan bir özellik içinde düzenlemek veya diğer işlevleri çağırmak gibi yan etkilerini umursamamanızdır. Örneğin, hesaplanmış bir özellik içindeki diziyi tersine çevirmek.
Bileşenimizde bir dizi olduğunu varsayalım.
veri()dönüş
arrVar:[1,2,3]
,
Hesaplanan özellikte diziyi tersine çeviriyoruz.
hesaplanmış:diziTers()
bunu iade et.arrVar.tersine çevirmek();
Ancak, projeyi çalıştırdığımızda, “arrayReverse” hesaplanmış özelliğinde 'Beklenmeyen yan etki' hatası gösterecektir.' çünkü her zaman aynı görevi tekrar tekrar yapacak ve her seferinde orijinal diziyi tersine çevirecek.
Bu nedenle, hesaplanan özellikte veri manipülasyonundan kaçınmaya çalışın ve bu sizin için mükemmel şekilde çalışacaktır.
Senaryo # 3:
Başka bir senaryo, hesaplanan özelliğin sonsuz bir döngüde kalması ve bir şeyi yeniden hesaplamaya devam etmesi olabilir. Hesaplanan özellik, hesaplanan özelliğe dahil edilen her değişkeni izlediğinden ve bu özelliğe dahil olan herhangi bir değişkenin değişikliğine tepki gösterdiğinden veya yeniden hesaplandığından, hesaplanan özellik içindeki herhangi bir değişkenin durumunu değiştirirseniz, hesaplanan özellik değişikliği algılar. Kendini yeniden hesaplamaya başlar ve bu sonsuz döngüden çıkamaz.
Bunlar, hesaplanan mülkün güncellenmemesine yol açabilecek olası yollardan bazılarıdır.
Sonuç
Bu gönderi, geliştiricilerin Vue Computed mülkünün güncellenmemesi için karşılaştığı en yaygın senaryoları inceledi ve her senaryo için kapsamlı ve eksiksiz sorun giderme adımları sağladı. Henüz çözümünüzü bulamadıysanız, sorularınızı Vue topluluk platformlarında sormaktan çekinmeyin ve sorularınızı kısa sürede yanıtlayın.