속성
-
vue.js v- 접두어가 붙어 있는 속성, 디렉티브웹/Vue.js 2023. 5. 15. 11:38
디렉티브 디렉티브는 Vue에서 제공하는 특수 속성으로 v- 접두어가 붙어있으며 렌더링 된 DOM에 특수한 반응형 동작을 합니다. 다양한 상황에서 DOM 요소의 행동을 제어하고, 렌더링을 최적화하는 데 사용됩니다. Vue.js는 여러 내장 디렉티브를 제공하며, 사용자 정의 디렉티브를 생성하는 것도 가능합니다. 기본적으로 내장 되어 있는 디렉티브는 v-bind, v-model, v-if(v-else-if, v-else), v-for, v-on, v-text, v-html, v-show, v-slot, v-pre, v-once 등이 있습니다. 1. 내장 디렉티브 1) v-bind Vue 인스턴스의 데이터 속성을 DOM 요소의 속성에 연결합니다. 이를 통해 동적으로 DOM 요소의 속성을 변경할 수 있습니다. 예..