hands on vue - computed & watcher

computed: just for calculate data

watcher: keep watching data changing

 

ex)

 computed -> 성, 이름을 input 칸에 넣어서 출력값을 원하는 경우 

 watcher -> 숫자가 일정 한계를 넘을 경우 리셋, 시간 안에 목적지 가는 게임일 경우 시간이 다된다면 캐릭터를 처음 위치로 옮기기.

 

테스트 코드)

1. count를 10씩 더하는 기능을 만들고 50이상일 경우 count를 0으로 만들기. 

2. 성, 이름을 넣는 칸을 만든다. 이름을 합하여 보여주는 박스를 만든다. computed를 이용해 합한 이름을 보여준다. 

 

watch의 메소드명은 변수명과 동일하게 사용한다.