[Vue] 사용자 입력 핸들링

사용자 입력 핸들링이란? 대표적으로 마우스나 키보드를 통해 특정 웹사이트에서 사용자의 특정 행위가 입력되는 것(= 이벤트) 뷰에서는 v-on 디렉티브를 사용하여 vue 인스턴스에 메소드를 호출할 수 있다. 다음은 예제 소스다. 화면에 toggle 버튼을 만들고 이 버튼을 클릭했을 때 박스의 변화를 보여주는 소스다. 소스에 대한 설명은 주석에 나와있으며 스크립트 -> HTML 순서로 소스를 읽는 것이 보기 편하다. <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue test</title> <style> /* box 클래스의 css */ .box { width: 150px; height:...