데이터바인딩
-
[Vus.js] Vue 템플릿과 데이터 바인딩하는 법Vue 2019. 1. 27. 18:02
Vue 탬플릿이란? 마크업 요소와 Vue인스턴스 속성을 연결하여 HTML로 변환해주는 속성 마크업요소: html,css등Vue 인스턴스 속성: 데이터, 로직 데이터 바인딩 방법 2가지가 있다. {{ }} - 콧수염 괄호 v-bind - vue뿐만 아니라 다른언어나 프레임워크에서도 자주사용되는 템플릿 문법이다 - vue 데이터가 변경되어도 값을 바꾸고 싶지 않다면 v-once 속성을 사용한다. - {{ }}안에서 자바스크립트 표현식작성이 가능함 - 변수선언 불가 - 분기문은 if문 사용불가, 삼항연산자 사용가능 - 복잡한 연산은 vue인스턴스의 computed속성을 이용하여 작성한다.(캐싱효과있음) - id, class, style등 html속성값에 vue 데이터 값을 연결할 때 사 용 하는 방식 - v-..