뷰 디렉티브(Directive)

** html 태그 안에 v-접두사를 붙여 사용, 동작을 결정하는 역할이다. ** 디렉티브의 종류 v-bind html 요소의 속성이나 컴포넌트 prop을 바인딩 <div v-bind:id="textId"></div> v-on dom 이벤트를 감지하고 그에 반응하는 이벤트 리스너를 추가 <button v-on:click="counter +=1"></button> v-model 양방향 데이터 바인딩을 생성, 주로 폼 입력과 사용 <input v-model="message" placeholder="Hello??"> v-if, v-else-if, v-else 조건부 렌더링을 수행, 특정 조건이 참(true)일 때만 요소를 렌더링 <div v-if="type === 'A'"> A </div> <div v-else-if="type === 'B'"> B </div> <div v-else> C </div> v-show v-if와 유사하지만, 요소를 항상 dom에 유지하고 css를 통해 보이거나 ...