Привет и добро пожаловать в этот туториал по VueJS с Visual Studio Code. В этой серии руководств мы увидим, как мы можем работать с VueJS с VS Code, и узнаем больше о VueJS.

Примечание. Демонстрационное видео ниже.

Вычисляемые свойства — это способ кэширования часто используемых данных. Кроме того, вместо того, чтобы снова и снова выполнять несколько операций с одними и теми же данными, мы можем сделать это один раз и кэшировать наши данные.

Чтобы определить вычисляемое свойство, нам нужно добавить «вычисляемый» раздел в определение нашего компонента:

Как и любое свойство в нашем компоненте. Мы добавляем вычисляемое, а затем добавляем функцию к каждому вычисляемому свойству и возвращаем желаемое значение. Значение может быть набором свойств данных, над которыми мы выполняем операции. Но всегда помните, что значения кэшируются, поэтому, если вы вызовете «Date.now ()», они будут кэшированы и не изменятся, несмотря на то, что есть обновленные значения.

Теперь давайте определим вычисляемое свойство, чтобы мы могли получить его значение. Он возьмет свойство данных «userName», и мы проделаем с ним некоторые операции. Кроме того, у нас будет метод, который будет записывать вычисляемое свойство в консоль:

Обратите внимание, что я разместил функцию Date.now, чтобы показать вам, что значения будут кэшироваться и не будут обновляться.

Также обратите внимание, что значение «userName», если оно обновлено, будет отражено, но значение Date.now останется в кэше.

Теперь мы можем обновить вычисляемое свойство, даже если оно является статическим, используя геттеры и сеттеры.

Вы заметите, что значение «now» теперь обновляется всякий раз, когда мы вызываем обновление.

Живая демонстрация:

пожалуйста, следите за TutorialsXL на среде, чтобы получать обновления из нашей публикации. Спасибо за чтение, пожалуйста, порекомендуйте эту статью, чтобы поделиться знаниями.

Онлайн-обучение стало проще благодаря TutorialsXL.com. Присоединяйтесь сейчас и получите отличные онлайн-курсы.

Получите 3-месячную онлайн-подписку с неограниченным доступом всего за 0,99 доллара США