③ 뷰에서 디렉티브는 뷰에서만 사용할 수 있는 약속된 문법으로, 접두사 ‘v-’가 붙습니다. 디렉티브는 <template> 태그 영역에서 사용하는 HTML 태그의 속성으로만 표현합니다.
• v-html: 값에 포함된 태그를 웹 브라우저에서도 태그로 인식합니다.
• v-text: 값을 단순하게 텍스트로 출력합니다.
• v-pre: 컴파일할 때 영역을 건너뜁니다.
• v-bind: data 옵션 속성으로 정의한 데이터 속성의 값을 HTML 태그 속성의 값으로 지정할 수 있습니다.
• v-if/v-else-if/v-else: <template> 태그 영역에서 조건부 렌더링 기능을 구현하는 데 사용합니다.
• v-show: 조건부 렌더링 기능을 구현하는 데 사용합니다. v-if/v-else-if/v-else 디렉티브는 조건이 일치하지 않으면 화면에 렌더링을 하지 않습니다. 하지만 v-show 디렉티브는 렌더링은 하나 CSS로 안 보이게 처리한다는 점이 다릅니다.
• v-cloak: 렌더링 과정에서 데이터 바인딩이 완료되기 전에 데이터가 화면에 노출되는 것을 막기 위해 사용합니다.
• v-for: 반복적으로 렌더링하는 HTML 요소를 생성합니다.