我的理解：computed属性的set()和get()

最新推荐文章于 2023-04-27 13:26:44 发布

谢去非

最新推荐文章于 2023-04-27 13:26:44 发布

阅读量813

点赞数 1

分类专栏： vue基础文章标签： vue

本文链接：https://blog.csdn.net/ryyzxf/article/details/109465339

版权

vue基础专栏收录该内容

11 篇文章 0 订阅

订阅专栏

我的理解：computed属性

1.当computed属性中的方法，作为返回数据，或操作数据时，是调用了其内部的get()函数。

 computed: {
                reversedMessage() {
                    return this.message.split('').reverse().join('');
                }
            }
相当于：
computed: {
                reversedMessage: {
                    get() {
                        return this.message.split('').reverse().join('');
                    }
                }
            }

2.这样写的时候，vm.reversedMessage 就会调用get()方法
vm.reversedMessage = ‘cfeffeffwef’ ,就会调用set()方法，并将message进行了修改。

reversedMessage: {
                    // 获取值
                    get() {
                        return this.message.split('').reverse().join('');
                    },
                    // 设置值
                    set(newvalue) {
                        this.message = newvalue;
                    }
                },