템플릿 문법
-
[Vue.js] 템플릿 문법 및 데이터 바인딩📗 Vue.js 2024. 12. 2. 15:34
1. 템플릿 문법이란?Vue.js의 템플릿은 HTML 기반으로 작성되며, 일반 HTML 태그에 Vue만의 특별한 문법을 추가하여 동적인 콘텐츠를 쉽게 표현할 수 있습니다. 템플릿은 데이터와 DOM을 연결하는 역할을 하며, 사용자 인터페이스(UI)를 구성하는 기본 단위입니다. 대표적으로 보간법이 있습니다. 보간법 (Interpolation)Vue 템플릿 문법의 핵심은 보간법입니다. 이중 중괄호(콧수염 괄호) {{ }} 를 사용해 데이터를 템플릿에 렌더링할 수 있습니다. {{ title }} {{ new Date().toLocaleDateString() }} 위 코드에서는 title 데이터와 현재 날짜가 동적으로 화면에 렌더링됩니다. 데이터가 변경되면 화면도 즉시 업데이트됩니다. 2. 데이터 바인딩이란..