v-model checkbox props

form요소 개발시 사용되는 v-model

checkbox를 하던도중 멘붕이옴

data의 값이 boolean이라서 true / false 로 나와야하는대

각각 체크박스 마다 다른이름으로 따로 줘야함

안그러면 전체 체크해제마냥 신기한것을 보게됨

v-model을 사용한이유 단순히 click,change로 하다보니 props를 넘기기도 어렵고 관리가 어려웠다 

값이 날라가고 난리가 난상태 / 그래서 v-model을 써보기로함! 

신기하면서 뭔가 재밌음!

1.v-model이름 다르게 줄것! => v-for를 이용하여 하는것이 편함

2.v-model에 따라 데이터를 저장해야하므로 변화시킬값을 props명과 맞춰주면 간단하게 사용가능

props로 받은 데이터를 변경하기 위해선 emit이 있어야 하지만 v-model을 사용한다면 vue에서 emit을 자동생성해준다.

참고한곳

https://codepen.io/chasebank/pen/VjEGjw

#추후에 해볼기능

https://parksay-dev.tistory.com/80