计算属性computed和监听属性watch

一、计算属性：可以理解为能够在里面写一些计算逻辑的属性（数据缓存，当我们的数据没有变化时，不会再次执行计算的过程）

computed: {
                name: {
                    //获取计算属性
                    get: function () {
                        return this.firstname + '-' + this.lastname
                    },
                    //设置计算属性
                    set: function (value) {
                        console.log(value);
                        this.firstname = value.split("-")[0]
                        this.lastname = value.split("-")[1]
                    }
                }
         }

二、监听属性

watch: {
                "firstname": function (newvalue, oldvalue) {
                    console.log(newvalue);
                    console.log(oldvalue);
                    this.name = this.firstname + this.lastname
                },
        }

三、计算属性和监听属性的区别

计算属性是依赖的值改变后重新计算结果更新DOM，会进行缓存；

属性监听的是属性值，当定义的值发生变化时，执行对应的函数