필요할 때마다 특정 데이터묶음을 리셋해야할 때

api로 받아오는 데이터가 무진장 많다.
이벤트가 일어날 때마다 특정 데이터가 리셋되어야하는데
그 데이터가 6354684321684개라면...?

<script>
export default {
  name: 'temp-component',
  data() {
    return {
      tempData: {
        name: '',
        age: 0,
        gender: '',
        ...
      },
    };
  },
  created() {
    this.tempData.name = '';
    this.tempData.age = 0;
    this.tempData.gender = '';
    ...
    x 1321649835612354번
  }
};
</script>

너무너무 노가다!

고로 데이터를 리셋해주는 매소드를 만들어서
필요할 때 리턴해준다!

<script>
export default {
  name: 'temp-component',
  data() {
    return {
      tempData: {
        name: '',
        age: 0,
        gender: '',
        ...
      },
    };
  },
  created() {
    this.resetData();
  }
  methods: {
    resetData() {
      return {
        tempData: {
          name: '',
          age: 0,
          gender: '',
          ...
        },
      };
    },
  },
};
</script>