vue템플릿문법1 Vue.js개념 총정리(4)_템플릿문법,데이터바인딩,데이터변화감지 1.템플릿 문법이란 뷰의 템플릿은 HTML, CSS 등의 마크업속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결해 브라우저에서 볼 수 있는 형태의 HTML로 변환해주는 속성을 말한다. 여기서 템플릿 문법이란 뷰로 화면을 조작하는 '방법'을 의미하며 템플릿 문법은 크게 데이터바인딩과 디렉티브로 나뉜다. 1-1. 데이터바인딩 데이터바인딩은 뷰 인스턴스에서 정의한 속성들을 화면에 표시하는 방법으로 가장 기본적인 데이터 바인딩 방식은 콧수염괄호({{}}) 이며, 이외에 v-bind 속성이 있다. new Vue({ template : '{{message}}' }); id바인딩 new Vue({ data : { bindId : 'myId' } }) 라이브러리 내부적으로 template 속성에서 정의한 마크업 .. 2021. 2. 1. 이전 1 다음