Vue.js - очень популярная библиотека JavaScript, известная своей реактивностью, гибкостью и интуитивно понятным API. Однако реактивность и гибкость имеют некоторые недостатки, что приводит к производительности разработчика или головной боли. Вычисляемое свойство - очень известная и самая известная особенность Vue.js, который используется для обновления некоторой переменной или выполнения некоторых вычислений в зависимости от обновления какой-либо другой переменной.
В этом посте мы попытаемся устранить проблемы, возникшие, когда вычисляемое свойство не работает, или обновить то, что мы хотим. Давайте посмотрим на сценарии, что может пойти не так, а вычисляемое свойство Vue не обновляется.
Сценарий №1:
Прежде всего, убедитесь, что вы не допустили никаких логических ошибок, например, неверной логики. Чтобы избежать возможных логических ошибок, проверьте следующее:
- Убедитесь, что имена переменных верны.
- Вы определяете область действия переменной, используя "this".
Сценарий №2:
Вторая вещь, которую вы могли ошибиться в вычисляемом свойстве, это то, что вы не заботитесь о побочных эффектах вычисляемого свойства, таких как редактирование некоторых данных внутри вычисляемого свойства или вызов других функций. Например, реверсирование массива в вычисляемом свойстве.
Предположим, у нас есть массив в нашем компоненте.
данные()возвращаться
arrVar: [1,2,3]
,
В вычисляемом свойстве мы переворачиваем массив.
вычислено:arrayReverse ()
верни это.arrVar.обеспечить регресс();
Но когда мы запустим проект, он покажет ошибку «Неожиданный побочный эффект в вычисляемом свойстве arrayReverse».'потому что он всегда будет выполнять одну и ту же задачу снова и снова и каждый раз переворачивать исходный массив.
Итак, постарайтесь избегать манипуляций с данными в вычисляемом свойстве, и это будет отлично работать для вас.
Сценарий № 3:
Другой сценарий может заключаться в том, что вычисляемое свойство застревает в бесконечном цикле и продолжает что-то пересчитывать. Поскольку вычисляемое свойство наблюдает за каждой переменной, включенной в вычисляемое свойство, и реагирует или повторно вычисляется при изменении любой переменной, участвующей в этом свойстве, если вы изменяете состояние любой переменной внутри вычисляемого свойства, вычисляемое свойство обнаруживает изменение. Он начинает заново вычислять себя, и он не сможет выйти из этого бесконечного цикла.
Это некоторые из возможных способов, которые могут привести к тому, что вычисляемое свойство не обновляется.
Заключение
В этом посте рассмотрены наиболее распространенные сценарии, с которыми сталкивались разработчики, когда свойство Vue Computed не обновляется, и представлены подробные и точные шаги по устранению неполадок для каждого сценария. Если вы все еще не нашли свое решение, не стесняйтесь задавать свои вопросы на платформах сообщества Vue и получите ответы на свои вопросы в кратчайшие сроки.