[Vue] watch 사용해서 오류 해결하기

Watch는 객체 또는 배열과 같은 복잡한 데이터 구조에서도 사용할 수 있다. 

Watch를 사용하면 이터의 변경을 감시하고 , 해당 데이터가 변경될 때 특정 동작을 수행할수 있다.

 

쇼핑몰 작업 중에 구매수량을 수정한 상태에서 다른 사이즈를 선택하면 구매수량이 초기화되지 않는 이슈가 생겼다

'데이터 감시'라는 단어가 떠오르면서 Watch를 사용해봤다.

 

관련 글 ▼ ▼ ▼ 

Vue mitt 컴포넌트간 데이터 전송

 

 

 

 

watch를 사용해서 함수를 실행했다.  selectePrice가 클릭 될때마다 변경이 감시되어 total을 다시 계산하게끔 했다. 

  watch: {
    selectedPrice: function (newPrice, oldPrice) {
      this.count = 1; // 가격이 변경될 때 count를 1로 재설정
    },
  },

---

📌 오늘도 1일1커밋 완료 

YirangKim - Overview