📚 ****Reference

• 공식 문서: v-if
• 공식 문서: v-else
• 공식 문서: v-else-if
• 공식 문서: v-model
• 공식 문서: v-once
• 공식 문서: v-memo
• 공식 문서: v-cloak

📜 Chapter

Custom Directives

defineModel()

defineEmits()

defineProps()

Slot

useModel()

Directive

• 디렉티브
• 지시문
• HTML 태그 안에 v-접두사를 가지는 모든 속성들을 의미한다.
• Directive는 화면의 요소를 더 쉽게 조작하기 위해 사용하는 기능이다.
• 뷰의 데이터 값이 변경되었을 때 화면의 요소들이 **리액티브(Reactive)**하게 반응하여 변경된 데이터 값에 따라 갱신된다.
• 직접 제어할 필요 없이 뷰의 디렉티브를 활용하여 화면 요소들을 조작할 수 있다.

v-cloak

• v-cloak
• 초기 렌더링 깜빡임 방지
• v-cloak은 Vue 인스턴스가 컴파일을 완료할 때까지 요소에 남아 있는 속성이다. 이를 CSS와 조합하여 머스타시 태그({{ }})가 사용자에게 노출되는 현상을 막는다.

현상