개발/Vue

[Vue] Template Syntax의 Text Interpolation

Vue에서 data를 html template에 바인딩하기 위한 방법으로 Text Interpolation 문법이 있습니다. 문법은 "Mustache"의 문법을 사용하였고 아래와 같습니다. msg라는 식별자의 값이 변경이 될 때마다 업데이트됩니다. mustache tag는 vue의 데이터인 msg의 값으로 대체되는데요. msg라는 식별자의 값이 "Hello!"였다면 다음과 같이 변환이 됩니다. React와 비교해 보면 JSX에서 JavaScript의 표현식을 사용하기 위한 {} (curly braces syntax)와 동일하다고 볼 수 있을 것 같습니다. 그런데 표현되는 형식이 React의 {} 와는 차이가 있는데요. 바로 참조형 타입에 한해서입니다. React의 경우에는 만약에 msg라는 식별자의 값이..