视图上没有用到的数据更新了，vue会去更新视图吗？

Question

老师，请问一下，如果我在data里定义了noUsed，页面上没有绑定这个noUsed，然后我在某个方法里更新了noUsed，这时vue会更新视图吗？
或者说vue是如何判断的，是进行diff吗？

Answer 1

ustbhuangyi 2019-07-28 10:01:48

不会更新视图的，因为你没用到这个 noUsed，就不会触发它的 getter，就不会进行依赖收集。

• 提问者 沈剑心23333 #1

  谢谢老师！

• Mrliufy #2

  老师，不一定不会更新吧，例如下面的b，页面上没有绑定，但是当c大于3时，b的dep会订阅computed watcher和render watcher，从而下次数据变化会更新视图：
  new Vue({
    el: '#app',
    template: '<div @click="cPlus">Click Me{{message}}</div>',
    data(){
      return {
        a: 1,
        b: 2,
        c: 3
      }
    },
    methods:{
      cPlus(){
        this.c += 1
      }
    },
    computed:{
      message(){
        if(this.c > 3){
          return this.a + this.b
        }
        return this.a
      }
    }
  })

• ustbhuangyi 回复 Mrliufy #3

  b 是计算属性 message 的依赖，而计算属性又在模板中使用了，它的变更会引起视图的重新渲染。而这位同学的提问不是这个含义