VUE3(六)计算属性

setter和getter

computed的完整写法是定义一个对象,并在里面定义get和set方法

            computed: {
                // fullName的getter和setter方法
                fullName:{
                    get: function(){
                        return this.firstName + ' ' + this.lastName;
                    },
                    set: function (newValue) {
                        console.log(newValue);
                        const names = newValue.split(" ");
                        this.firstName = names[0];
                        this.lastName = names[1];
                    }
                }
            }

如果computed中直接定义一个函数,这是一个语法糖,相当于是定义了getter方法

                // fullName 的 getter方法
                fullName: function(){
                    return this.firstName + ' ' + this.lastName;
                }

对computed属性赋值时会自动调用set方法。

发表评论