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>

简单添加vue数据

1 个答案: