1. 程式人生 > >Vue之屬性繫結和雙向資料繫結

Vue之屬性繫結和雙向資料繫結

屬性繫結:v-bind:title,簡寫為::title 雙向資料繫結:v-model繫結content的值,也可以改變content的值

<div id="root">
    <div :title="message">滑鼠懸停幾秒鐘檢視此處動態繫結的提示資訊!</div>
    <input v-model="content"/>
    <div>{{content}}</div>
</div>
<script>
export default {
  data(){
    return{
      message: '頁面加載於 ' + new Date().toLocaleString(),
      content:"123456"
    }
  }
}
</script>