vue object data 에 새 필드 추가시 변경 감지

# vue 는 data() 명시된 데이터들은 변경 감지(추적)해 자동으로 업데이트 한다.
# 아래와 같이 오브젝트 데이터의 경우 신규 필드를 추가시 일반 할당 연산을 사용하면
# 감지가 안돼 &set 을 사용해야 한다.
data() {
  ysoftmanObj : {
     a : '',
     b : 0,
  },
},

...

methods: {
  updateysoftmanObj() {
     // 신규 c 필드 추가시 set 을 사용해야 업데이트 된다.
     //this.ysoftmanObj.c = 'ysoftman',
     this.$set(ysoftmanObj, 'c', 'ysoftman');
  }
},

# 참고 https://vuejs.org/v2/guide/reactivity.html#For-Objects

comments:

댓글 쓰기