디렉티브1 Vue 디렉티브 Vue 디렉티브 디렉티브는 v-접두사가 있는 특수 속성 디렉티브 속성 값은 단일 javaScript표현식이 된다 디렉티브의 역할은 표현식의 값이 변경될 때 사이드 이펙트를 반응적으로 DOM에 적용 v-once 데이터 변경 시 업데이트 되지 않은 일회성 보간을 수행 ex) 다시는 변경되지 않음{{msg}} v-text innerText 속성에 연결 태그 문자열을 html 인코딩하여 나타내기 떄문에 화면에는 태그 문자열이 그대로 나타남 v-html 이중 중괄호는 html이 아닌 일반 텍스트로 데이터를 해석 실제 html 출력하려면 v-html 디렉티브를 사용 XSS 공격에 취약하여 꼭 필요한 경우가 아니라면 v-text를 사용 추천 ex 데이터안 html태그 자동으로 변환 v-model 양방향 바인딩 처리를.. 2022. 5. 16. 이전 1 다음