템플릿 문법 - Vue.js

텍스트 보간법메세지: {{ msg }}{{}} 이중 중괄호 사용해당 컴포넌트 인스턴스의 msg 속성의 값으로 대체됨HTML 출력v-html 디렉티브 사용: v-html 디렉티브 사용rawHtml 속성 값을 일반 HTML로 해석한 것으로 대체됨데이터 바인딩은 무시됨⚠️ 임의의 HTML을 동적으로 렌더링하면 XSS 취약점 발생하므로 신뢰할 수 있는 컨텐츠에만 사용속성 바인딩 {{}} 은 HTML 속성(attribute)내에서 사용 불가하므로 대신 v-bind디렉티브 사용element의 id속성을 dynamicId 속성과 동기화된 상태로 유지바인딩된 값이 null, undefined 라면 element 속성이 제거되어 렌더링Boolean 속성버튼element에 표기했는지 여부로 참/거짓 값을 나타내는 속성..