v-bind
-
[vue.js] Mustache(이중중괄호), v-bindvue.js 2019. 7. 3. 18:32
1. Mustache 구문 - 이중 중괄호 데이터 바인딩의 가장 기본 형태는 'Mustache' 구문 (이중 중괄호)을 사용한 텍스트 보간이다. 화면에 문자열을 출력하는 간단한 경우에 쓰인다. 화면에서는 다음과 같이 나온다. Mustache 태그는 해당 데이터 객체의 msg 속성 값으로 대체된다. 또한 msg 의 속성이 변경될 때마다 갱신된다. 즉 내가 msg: 고친다. 라고 한다면 화면에 이렇게 변경된 msg의 값이 나온다. 2. 디렉티브 화면에 문자열을 출력하는 간단한 경우에는 {{ }} 이중중괄호를 쓰면 되지만, 만약 html 속성 내에서 vue 내에 선언된 값을 사용하고 싶어진다면? 그때는 v-bind 라는 디렉티브를 쓰면 되는데, 이때 디렉티브란 v- 접두사가 있는 특수 속성을 말하며 여러가지 ..