Vue checkbox 클릭 시 이벤트 발생 시키기 v-on:blur

요즘 회사에서 Vue 쓰는 것에 아주 맛들린 것 같다. 찾아보면 찾아볼 수록 재밌는 것 천지랄까?  처음에 쓸 때는 정말 어렵고 힘들고 뭐가 뭔지 알 수 없었다. 그래서 코드도 굉장히 엉망으로 짰다. 지난 날 썼던 코드를 보면서 굉장히 후회하고 있다... 그리고 쓰면서 꽤 유용했던 것을 하나 소개하려고 한다.

 

바로 v-on:blur 이다. 여기에 이벤트를 발생 시켜놓으면 해당 데이터에 변화가 있는 경우 이벤트를 발생시키게 된다. 

 

 

 

우리는 보통 버튼을 통해 원하는 데이터의 값을 얻거나 보내는 등 이벤트를 발생 시킨다. 그러나 v-on:blur를 사용한다면? 

 

 

데이터가 변경되면 이벤트를 저절로 발생시키게 된다. 이 같은 방법을 통해 원하는 기능을 구현해 보도록 하자!