Vue中,v-model输入会自动触发无关的插值表达式更新?

按理说,为了性能着想,v-model绑定的变量更新,只会触发使用了该变量的表达式重新计算吧?

模版:

  <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
    }
  }
})

在线运行

回答:

https://vuefe.cn/v2/guide/com…

回答:

1 v-model 只会触发与其相关的变量绑定值的刷新

2 你上面的new Date值是变化的  它v-model值改变  渲染DOM的时候 你的new Date发生了改变 所以你的感觉是
v-model改变了它的值   其实只不过是刷新DOM 重新赋值当前时间了 

3 如果非要说有关系的话 那么就是v-model导致DOM重新渲染  从而导致上面值发生变化

以上所描述可能不是特别清晰(很有歧义),可看评论

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注