vue.js的计算属性computed

转载于 2017-05-10 17:18:00 发布 · 62 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yeyeyemax/p/6837029.html

本文探讨了Vue中计算属性的响应性机制，特别是在输入框勾选状态变化时如何触发计算属性更新的问题。通过实例展示了当item.isChecked发生变化时，计算属性noCheckedLength能够自动更新。

对于计算属性里关联的对象，即使对象不是组件作用域内的，当对象在外部改变了某个属性，同样会发出计算属性的方法。

computed:{
        noCheckeLength:function(){
            return this.list.filter(function(item){
                return !item.isChecked
            }).length
        }
    },

item.isChecked是input{type=“checkbox”}的value值，当在页面点击勾选或者去掉勾选，则item.isChecked会改变，即在外部改变了属性，同样会发出计算属性的方法。

转载于:https://www.cnblogs.com/yeyeyemax/p/6837029.html