TIL - 43 : Vue $set, $delete & EventBus

14 Sep 2022 in Study Log on Today I learned

Vue $set, $delete & EventBus

• Vue에서 배열 자료를 수정하거나 삭제 할 일이 있을때 $set과 $delete로 편하게 했으나
  아무때나 쓰면 안되는 사실을 발견
  • 공식문서에 따르면 vue는 양방향 바인딩이 특징인 대신에 객체 데이터나 배열에
    새로운 속성 및 데이터가 추가되거나 삭제되는 것을 감지하지 못하는 경우가 자주 생긴다고한다.
  • 그래서 값이 갱신되었다! 라고 요청하는 메서드가 $set과 $delete 이다
  • 즉시 delete에서 splice로 변경ㅠㅠ
• 컴포넌트끼리 props를 넘기지 못하는 상황에서 단순 하나의 데이터 이동을 위해
  vuex를 써야하나 말아야 하나 고민을 하던 도중 EventBus라는 것을 알게 되었다.
  • 규모가 작으면서 관련성이 없는 독립적인 컴포넌트 끼리 통신을 해야 할 경우에는
    EventBus를 사용한다.