728x90
목록2024/05 (1)
DH의 개발 공부로그
[Vue] Vue의 템플릿 문법에 대하여! - 개념 정리
템플릿 문법Vue의 템플릿 문법이란 데이터를 렌더링 된 DOM에 바인딩하여 화면을 조작하는 방법을 말합니다.템플릿 문법은 크게 데이터 바인딩과 디렉티브 두가지로 나누어 볼 수 있습니다.먼저 데이터 바인딩과 관련 된 부분 먼저 살펴보면 아래와 같습니다.1. 데이더 바인딩텍스트 보간법텍스트 보간법은 뷰의 데이터 바인딩으로 사용되는 가장 기본적인 방법으로 "Mustache"(이중 중괄호) 문법을 사용하는 방법입니다메시지: {{ message }}해당 부분에서 이중 중괄호 안의 message는 컴포넌트의 message 데이터 값으로 대체가 됩니다.예를 들어보면 message값이 안녕하세요!라면 실질적으로는 아래와 같은 코드가 됩니다.메시지: 안녕하세요!그리고 message 값이 변경 될 때마다 변경된 값으로 업..
Vue
2024. 5. 23. 22:48
728x90