Vue.js 추적 객체의 새로운 속성

Vue는 일반 객체의 변경 사항을 추적할 수 있습니다.

<ul id="repeat-object" class="demo">
  <li v-for="value in object">
    {{ $key }} : {{ value }}  </li></ul>

객체를 순회할 때 Object.keys()의 결과에 따라 순회하지만 결과가 동일하다는 보장은 없습니다. 다양한 JavaScript 엔진.

그러나 속성을 동적으로 추가하려는 경우

obj['addProp'] = 'abcd'

vue는

객체의 변경 사항을 추적할 방법이 없습니다. $set 메소드를 사용해야 합니다. 첫 번째 매개변수는 값 표현식이고, 두 번째 매개변수는 설정할 값입니다.