Vue.js 시작하기 - Template
뷰의 템플릿 문법 - 뷰로 화면을 조작하는 방법으로 템플릿 문법은 크게 데이터 바인딩과 디렉티브로 나뉜다. 데이터 바인딩 - 뷰 인스턴스에서 정의한 속성들을 화면에 표시하는 방법 - 가장 기본적은 데이터 바인딩 방식은 콧수염 괄호(Mustache Tag) 이다. {{ message }} ✔ div 태그에 Mustache Tag를 이용해 뷰 인스턴스의 message 속성을 연결! 출력결과 디렉티브 - 뷰로 화면의 요소를 더 쉽게 조작하기 위한 문법으로화면 조작에서 자주 사용되는 방식들을 모아 디렉티브 형태로 제공 - html 태그 안에 v-접두사를 가지는 모든 속성들을 의미 기본 디렉티브 1. v-text : innerText와 동일한 기능을 수행하며 태그를 인코딩하여 문자 그대로 보여줌 e.g. 2. v..
Programming/Vue.js
2022. 3. 7. 16:28
