vue.js的计算属性computed

Posted 小Y爱学前端

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.js的计算属性computed相关的知识,希望对你有一定的参考价值。

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

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

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

以上是关于vue.js的计算属性computed的主要内容,如果未能解决你的问题,请参考以下文章

vue.js中的计算属性(computed)methodswatched三者的区别

vue.js中,computed计算属性是不是只有一个getter和一个setter

Vue.js 基础学习计算属性computed

vue.js的computed计算属性,表达式的“js另存为”

Vue.js 创建一个 CNODE 社区

vue 计算属性computed get 怎么把当前操作的dom传进去