v-bind 및 정리 :)

이중 중괄호는 html속성 내에서 사용할 수 없다. 

대신 v-bind를 사용한다.

<div v-bind:id="vBindTest"></div>

단축해서 사용이 가능하다

<div :id="vBindTest"></div>

---

여러 속성을 나타내는 js객체

const person = {
	name:"james',
    age:30
}

<div v-bind="person><div>

---

DOM 내 템플릿을 사용할 때,

브라우저가 속성 이름을 소문자로 강제 변환하므로 대문자로 키 이름을 지정하면 안됨

 

https://v3-docs.vuejs-korea.org/guide/essentials/template-syntax.html

템플릿 문법 | Vue.js