반응형 VueJSDirective1 Vue.js 강좌 2. 템플릿 문법 Vue 템플릿이란 화면에 어떻게 렌더링될 것인지를 정의한 코드이다. Vue 템플릿은 HTML과 문법적으로 똑같다. 따라서 HTML 파서가 Vue 템플릿을 파싱할 수 있다. 하지만 Vue에서만 인식할 수 있는 몇가지 템플릿 문법이 있다. 이것을 간단히 알기쉽게 정리해본다. 문자열 보간 (Text Interpolation) Name: {{ name }} HTML 문자열에 vue 인스턴스의 데이터를 바인딩하는 방법이다. {{ 와 }} 사이에는 인스턴스의 name 이라는 속성의 값으로 대체된다. 가장 기본적인 데이터 바인딩 방식이다. 예제코드 Name: {{ name }} Raw HTML {{ 와 }} 를 사용한 텍스트 보간법은 데이터를 일반 텍스트로 취급하여 실제 HTML 문자열은 넣을수가 없다. 이를 위해서.. 2023. 5. 6. 이전 1 다음 반응형