Vue——computed

2020-08-08 09:04:10 阅读：196 来源： 互联网

标签：Vue return computed get set 方法 name

对属性值进行处理后返回

基本使用

computed: {
    isSave(){
        if(this.name && this.ERP.name){
            return false
        }else{
            return true
        }
    }
}，
methods: {
    if(this.isSave){	//使用时不用加括号，虽然形式是方法，但当做普通属性使用
        ...
    }
}

原理

computed 中的每一个方法其实是一个对象，这个对象内有 get、set 方法，get() 方法的返回值就是属性值，set() 方法一般不使用，所以就将对象简写为方法的形式，但调用仍然要用对象的形式调用
- 读取值的时候调用 get 方法
```
computed: {
    result: {
        get(){
            return this.name+' '+this.age
        }
    }
}，
```
- 修改值的时候调用 set 方法
```
computed: {
    result: {
        get(){...}
        set(newValue){		// set一般有一个参数，指的是新赋的值
            this.name = newValue
        }
    }
}
```

标签：Vue,return,computed,get,set,方法,name
来源： https://www.cnblogs.com/angle-yan/p/13456349.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Vue——computed