[Html/Css/Js] v-bind

Html

<div id="app">
	<h1 v-bind:title="title">{{title}}</h1>
</div>

Javascript

let app = new Vue{
	el: "#app",
    data: {
    	title: "제목2"
    }
}

v-bind: 이후에 나오는 변수의 값은 문자 그대로가 아닌 자바스크립트로 해석이됨.

따라서 아래의 "title"의 경우 그대로 출력되지 않고, 자바스크립트의 title값으로 해석되어 "제목2"가 출력된다.

v-bind:title="title"

MilkSweetpotato