Vue.js - це дуже популярна бібліотека JavaScript, яка відома своєю реактивністю, гнучкістю та інтуїтивним API. Однак реактивність і гнучкість мають деякі недоліки, що призводить до продуктивності розробника або головного болю. Обчислювана властивість - дуже відома і найвідоміша особливість Vue.js, який використовується для оновлення певної змінної або виконання деяких обчислень залежно від оновлення іншої змінної.
Ця публікація спробує усунути проблеми, які виникли, коли обчислене властивість не працює, або оновити те, що ми хочемо. Давайте подивимося на сценарії, що може піти не так, і Vue Computed Property не оновлюється.
Сценарій No1:
Перш за все, переконайтеся, що ви не допустили жодної логічної помилки, як-от реалізація неправильної логіки. Щоб уникнути можливих логічних помилок, перевірте такі речі:
- Переконайтеся, що імена змінних правильні.
- Ви дбаєте про сфери дії змінної, використовуючи “this”.
Сценарій No2:
Друге, що ви могли помилитися в обчислюваній властивості, це те, що ви не дбаєте про побічні ефекти властивості Computed, такі як редагування деяких даних всередині обчислюваної властивості або виклик інших функцій. Наприклад, реверсування масиву в межах обчислюваної властивості.
Припустимо, у нашому компоненті є масив.
дані ()повернути
arrVar: [1,2,3]
,
У обчислюваній властивості ми повертаємо масив назад.
обчислюється:arrayReverse ()
повернути це.arrVar.зворотний();
Але, коли ми запускаємо проект, він покаже помилку "Несподіваний побічний ефект у обчисленому властивості" arrayReverse ".'тому що він завжди буде виконувати одне і те ж завдання знову і знову і кожного разу змінювати вихідний масив.
Отже, намагайтеся уникати маніпуляцій з даними в обчислюваному властивості, і це вам буде чудово працювати.
Сценарій No3:
Іншим сценарієм може бути те, що обчислювана властивість застряє в нескінченному циклі, і вона продовжує повторно обчислювати щось. Оскільки обчислюване властивість спостерігає за кожною змінною, включеною до обчислюваної властивості, і реагує або отримує перерахунок при зміні будь-якої змінної, яка бере участь у цій властивості, якщо ви зміните стан будь-якої змінної всередині обчислюваної властивості, обчислювана властивість виявить зміну. Він починає перераховувати себе, і він не зможе вибратися з цього нескінченного циклу.
Це деякі з можливих способів, які можуть призвести до того, що обчислювана властивість не оновлюється.
Висновок
Ця публікація переглянула найпоширеніші сценарії, з якими розробники стикалися для властивості Vue Computed, не оновлюючи їх, і надала глибокі та точні кроки з усунення несправностей для кожного сценарію. Якщо ви все ще не знайшли свого рішення, сміливо задавайте свої запитання на платформах спільноти Vue і в найкоротші терміни отримайте відповіді на свої запитання.