Vue屬性繫結v-bind:和雙向資料繫結v-model
阿新 • • 發佈：2018-12-10
<body>
<!--屬性繫結v-bind: 可以直接省略為 :-->
<!--一旦使用模版指令 等號之後的就是一個js表示式，所以裡面可以使用很多js表示式-->
<div id="root">
<div v-bind:title="title">123</div>
<!--單向資料:value Vue決定頁面的值-->
不可修改：<input :value="content"/><br/><br/>
<!--雙向資料繫結v-model 可以實現頁面修改資料的值-->
可以修改：<input v-model="content"/>
<div>{{content}}</div>
</div>
<script>
new Vue({
el:"#root",
data:{
title:"this is hello world",
content:"Please enter your name"
}
})
</script>
</body>
