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>