二十二、computed计算属性

本文主要是介绍二十二、computed计算属性，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

使用computed前: {{message.split('').reverse().join('')}}

使用computed后：{{message}}{{reverseMessage}}
               computed:{
                    reverseMessage(){//这里使用了计算属性的getter属性=>reverseMessage是一个方法
                        return this.message.split('').reverse().join('');
                    }
               }

    <input type='text' v-model='newName'>{{newName}}
    computed:{
        newName:{
            get(){//getter
                return this.name;
            }
            set(val){//setter。（val的值为input输入框输入的值）
                this.name=val;
            }
        }
    }

这篇关于二十二、computed计算属性的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！