vue 인스턴스와 옵션들.

* new vue로 뷰 인스턴스 선언.

 

* el 

- element

- element가 가르키는 id에 vue 인스턴스에 마운트 시킴

 

* data

- 화면에 매핑되는 데이터들을 선언하고 담는 옵션

- 해당화면에서만 사용하는 로컬 변수와 같은 느낌 - 어플리케이션 전체에서 관리하는 데이터는 'state'라고 정의함 ( vuex)

 

 

* computed

- data 옵션의 속성이 변경될때 자동으로 호출되는 옵션, data가 변경되면 computed가 캐치함.

- 한번 호출되고 data옵션의 해당 속성이 변경되지 않으면 캐싱된 데이터 리턴

- 반드시 return이 있어야 함.

- 로직중에 비동기처리 로직이 있으면 사용하면 안됨.

 

* methods

- 일반적인 함수와 동일.

- computed와 다르게 캐싱없이 호출시마다 매번 호출되고, 비동기 처리가 가능함.

- 값을 return하지 않아도 됨.

 

* watch

- 정의된 data옵션의 속성이 변경되면 호출되는 옵션

- 변경전후 데이터를 확인할 수 있음

- computed 옵션인데 비동기처리 필요할 때 사용, 캐싱은 없음