javascript - vue中如何将输入数据赋值给另一个变量

Question

这是我的:

<template>
    <div>
        <input v-model.number="money">
        <p>{{money}}</p>
    </div>
</template>

<script>
name: 'MyComponent',
  data () {
    return {
        money: 0
    }
  }
</script>

获取输入值后，如果通过某些方法改变data中money的值，如何获取原始输入值？这是一个好习惯吗？我应该将输入值分配给另一个变量吗？

Answer 1

这真的取决于你想做什么。正如 Mengo 上面评论的那样，您可以保留原始值，然后通过执行以下操作获得基于输入值的计算值:

  data: {
    money: 0
  },
  computed: {
    computedMoney() {
      return this.money + this.money * 0.0825;
    }
  }

请参阅此处的工作示例:https://codepen.io/anon/pen/VEajJK