Простое добавление в vue data

Question

Я хочу добавить два числа в vue

data() {
  return {
    details: {
        num1: 100,
        num2: 500,
        total: num1 + num2
}
  }
    }

Разве это не возможно и плохая практика? Я могу создать вычисленный, но это как временное сокращение было бы полезно. Это просто сфера у меня не так?

Answer 1

Это очень плохая практика!В Vue.js вы всегда должны использовать вычисленные свойства для любого вычисления.

Но в вашем случае вы должны сделать что-то вроде этого:

<template>
  <div>{{details.total()}}</div>
</template>

<script>

export default {

  data() {
    return {
      details: {
          num1: 100,
          num2: 500,
          total: () => this.details.num1 + this.details.num2
        }
      }
    }
  }

}
</script>