Vue Getter, Setter 예시

gistfile1.txt

<template>
  <div class="input-wrapper">
    <h1>input3</h1>
    <input v-model="resultOutputValue" :type="type">
  </div>
</template>

<script>
export default {
  name: 'Input3',
  props: {
    resultOutput: {
      type: String,
      required: true
    },
    type: {
      type: String,
      required: true
    }
  },
  computed: {
    resultOutputValue: {
      get() { return this.resultOutput },
      set(resultOutput) {
        this.$emit('resultOutput', resultOutput)
      }
    }
  }
}
</script>

<style>

</style>