Как назначить входные данные другой переменной в vue

Question

Вот что у меня есть:

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

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

После получения входного значения, если я изменю значение money в данных некоторыми методами, как я могу получить исходное входное значение?Это хорошая практика?Должен ли я присвоить входное значение другой переменной?

Answer 1

Это будет слишком долго для комментария, поэтому я поставлю свой ответ здесь.Исходя из моего понимания вашей цели.

data: {
  lengthInput: 0,
  original: [1,2,3],
},
computed: {
  calculated() {
    return this.original.slice(this.lengthInput);
  }
}

Тогда вы можете получить доступ к результату как this.calculated или <li v-for="i in calculated" :key="i">{{ i }}</li> в шаблоне

Answer 2

Это действительно зависит от того, что вы пытаетесь сделать.Как прокомментировал Mengo выше, вы можете сохранить исходное значение, а затем получить вычисленное значение на основе входного значения, выполнив что-то вроде этого:

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

См. Рабочий пример здесь: https://codepen.io/anon/pen/VEajJK