Vue - Directive란?

1. Vue에서 디렉티브(Directive)란?

Directive를 번역하면 지령이라는 뜻이다.

디렉티브란 Vue엘리먼트에게 어떻게 작동하라는 지령을 내리는 지시문이다.

디렉티브는 Vue의 기능들을 사용하기 위해 HTML태그 안에 들어가는 속성이며 'v-'라는 앞글자를 지닌다.

v-text	엘리먼트의 textContent를 업데이트 합니다.
v-html	엘리먼트의 innerHTML을 업데이트 합니다.
v-show	토글은 표현식 값의 참에 기반을 둔 display CSS 속성입니다.
v-if	표현식 값의 참 거짓을 기반으로 엘리먼트를 조건부 렌더링 합니다.
v-else	v-if 또는v-if /v-else-if 체인을위한 “else 블록”을 나타냅니다.
v-else-if	v-if에 대한 “else if 블록”을 나타냅니다.
v-for	원본 데이터를 기반으로 엘리먼트 또는 템플릿 블록을 여러번 렌더링합니다.
v-on	엘리먼트에 이벤트 리스너를 연결합니다.
v-bind	동적으로 하나 이상의 컴포넌트 속성 또는 표현식을 바인딩 합니다.
v-model	폼 인풋 엘리먼트 또는 컴포넌트에 양방향 바인딩을 만듭니다.
v-slot
v-pre	이 엘리먼트와 모든 자식 엘리먼트에 대한 컴파일을 건너 뜁니다.
v-cloak	Vue 인스턴스가 컴파일을 완료할 때까지 엘리먼트에 남아있습니다.
v-once	엘리먼트 및 컴포넌트를 한번만 렌더링 합니다.

**참고사이트