웹(web)/프론트엔드-vue

반응성 유지하면서 데이터 주입

바코94 2020. 7. 9. 02:05

배열객체와 일반 객체에 데이터를 주입하면서 반응성도 만들어 내는 방법은 없을까?

답은 set을 사용하면 된다. 전역객체 Vue.set도 가능하고 vm인 this를 사용해도 된다.

인자는 주입될 객체, 배열인 경우 인덱스/객체인 경우 키, 추가할 값 순서이다.

 

this.todos[3] =new data 이 아니라 this.$set(todos, 3, new data) 를 사용해야 반응성이 생긴다.