在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Vue中,v-model輸入會自動觸發(fā)無關(guān)的插值表達式更新?

Vue中,v-model輸入會自動觸發(fā)無關(guān)的插值表達式更新?

按理說,為了性能著想,v-model綁定的變量更新,只會觸發(fā)使用了該變量的表達式重新計算吧?

模版:

  <div id="app">
    <div>{{test(+new Date)}}</div>
    <input type='text' v-model="abc"/>
  </div>

javascript:

new Vue({
  el:'#app',
  data:{
    abc:''
  },
  methods:{
    test(a){
      return  a
    }
  }
})

在線運行

回答
編輯回答
溫衫
2018年3月21日 20:41
編輯回答
巫婆
1 v-model 只會觸發(fā)與其相關(guān)的變量綁定值的刷新

2 你上面的new Date值是變化的  它v-model值改變  渲染DOM的時候 你的new Date發(fā)生了改變 所以你的感覺是
v-model改變了它的值   其實只不過是刷新DOM 重新賦值當(dāng)前時間了 

3 如果非要說有關(guān)系的話 那么就是v-model導(dǎo)致DOM重新渲染  從而導(dǎo)致上面值發(fā)生變化

以上所描述可能不是特別清晰(很有歧義),可看評論
2017年9月7日 00:25