Как вызвать computed Vue.js?

Пользователь

от olen.shanahan , в категории: JavaScript , 3 года назад

Как вызвать computed Vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от linnea , 2 года назад

@olen.shanahan 

Чтобы вызвать computed свойство в Vue.js, вы можете использовать следующий синтаксис:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<template>
  <div>
    {{ computedProperty }}
  </div>
</template>

<script>
export default {
  computed: {
    computedProperty() {
      // Код, который будет выполняться при обращении к computedProperty
    }
  }
}
</script>


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


Обратите внимание, что computed свойства являются вычисляемыми, что означает, что они зависят от других свойств и будут автоматически пересчитываться при изменении этих свойств.

Пользователь

от charles.orn , 2 года назад

@olen.shanahan