vue.js

<div id="app">
  <input class="datepicker" type="text" v-model="{{cancelDate}}" value="{{cancelDate}}" >
  <input id="tt" value="{{cancelDate}}">
</div>

new Vue({
	el:"#app",
  data:function(){
  	return { 
    	startDate: moment().subtract(7, 'days').format('MM/DD/YYYY'),
      cancelDate: moment().format('MM/DD/YYYY')
    }
  },
  ready:function(){
 		 $('.datepicker').datepicker({ startDate: this.startDate });
  }
})

想當然的認爲#tt也綁定到了cancelDate。結果，卻更新失敗。哪的問題呢？看到v-model了嗎？把花括號去掉吧。

正確的代碼：

<div id="app">
  <input class="datepicker" type="text" v-model="cancelDate" value="{{cancelDate}}" >
  <input id="tt" value="{{cancelDate}}">
</div>