사용자 입력 핸들링이란? 대표적으로 마우스나 키보드를 통해 특정 웹사이트에서 사용자의 특정 행위가 입력되는 것(= 이벤트) 뷰에서는 v-on 디렉티브를 사용하여 vue 인스턴스에 메소드를 호출할 수 있다.
다음은 예제 소스다. 화면에 toggle 버튼을 만들고 이 버튼을 클릭했을 때 박스의 변화를 보여주는 소스다.
소스에 대한 설명은 주석에 나와있으며 스크립트 -> HTML 순서로 소스를 읽는 것이 보기 편하다. Vue test /* box 클래스의 css */ .box { width: 150px; height:...
![[Vue] 사용자 입력 핸들링](https://mblogthumb-phinf.pstatic.net/MjAyMjA1MTBfMTYz/MDAxNjUyMTU4ODI5MTMz.qZNa9sZz4JILSbaGE7EXqLIcZ_22lHmmECAvCswOO60g.z5dPtDqEtUU-D42lc3Uf5okjWV2DPGvapepX0ZwqMugg.PNG.webdeveloping/vue.png?type=w2)
#
javascript
#
클릭
#
자바스크립트
#
입력
#
이벤트
#
사용자
#
뷰
#
vuejs
#
핸들링
#
on
#
v
#
von
#
vue
#
양방향
#
양방향데이터
#
vmodel
#
model
#
패스트캠퍼스
#
패캠
#
데이터
원문 링크 : [Vue] 사용자 입력 핸들링
![[CSS] 가상 클래스 선택자(Pseudo-classes Selectors)](https://blogimgs.pstatic.net/nblog/mylog/post/og_default_image_160610.png)
![[PS4] () 드래곤 퀘스트 히어로즈(Dragon Quest Heroes) 암룡과 세계수의 성 엔딩 후기](https://mblogthumb-phinf.pstatic.net/MjAyMjA4MjNfMjM0/MDAxNjYxMjMzMDQyODM2.WwhwvMPKZkwjIo3xsdbLjmhBnYYBKKDeejknjQoBlNkg.Z4wSBXTKUOSAAhLo1oW_yy92-gc3a7Sf2ZzIIoHEZncg.GIF.webdeveloping/2814995517.gif?type=w2)
![[한자틀맞]한국인이 자주 틀리는 맞춤법 외래어 편](https://mblogthumb-phinf.pstatic.net/MjAyMjA4MjVfMzkg/MDAxNjYxNDA2NDM1OTY3.s3aRzvu4ThmgevRd5tfomXWFCOaJKRm7Yf12OSHocdog.gYrx45xfIVC8HfpgBQ81hPldbN0ABcDTGAUjpA1lszog.PNG.webdeveloping/%BF%DC%B7%A1%BE%EE%C6%ED.png?type=w2)
