Vue watch

✨(VUE) watch의 deep, immediate 속성

• 참고 링크 : https://ui.toast.com/weekly-pick/ko_20190307

1. deep

: watch로 배열이나 객체를 감시할때 사용하는 속성.
: 배열이나 객체의 값이 변할 경우 뷰가 감지하지 못하는 경우가 있어서 속성의 변화를 감시하도록 설정하기 위해서
deep: true로 설정한다.

2. immediate

: 페이지가 처음 로드되었을때 감시자를 실행시키기위한 속성
immediate: true로 설정한다.

3. computed vs watch

1. computed : 데이터가 변경될때마다 변경된 데이터를 통해 계산한 값을 가져오기 위해서 사용한다.

2. watch : 데이터가 변경되면 부수적인 동작을 하기 위해서 사용. ex) api 호출, DOM 변경..