Vuejs: вычисленная опора в объекте

Question

В моем vuejs компоненте у меня есть свойство данных, которое выглядит следующим образом

elementData{
  amount: '',
  unit_price: '',
  total: '',
}

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

Но почему-то я не могу найти упоминания в документации о глубоко вычисляемых свойствах?

Хотя это кажется довольно распространенным случаем использования.

Answer 1

Вы можете использовать его таким образом в вычисляемом разделе:

computed:{
 total: function(){
   return this.unit_price * this.amount
 }
}

Помните, что если вы используете строки вместо целых чисел / чисел с плавающей запятой, вы должны использовать методы parseInt или parseFloat, чтобы получить правильное вычисление итого