Vue.js——computed计算属性

前言：计算属性能实现的功能methods几乎可以实现，但是计算属性于methods的差别就在于，前者是基于绑定的变量的值，即只要该值不发生变化，计算属性的值也不会变化。

基本的computed属性写法

computed:{
                msg2(){
                    return '欢迎来到这里';
                },
            },

PS:即通过函数的方式返回值，实现计算属性的值

computed绑定已有的变量，进行接收和修改

computed:{
            num2:{
                get(){
                    return this.num1+1;
                },
                set(val){
                    console.log(val);
                    this.num1 = 19;//由于计算属性绑定的值是num1所以修改num2为20时应该时先修改num1
                }
            }
        },
        methods:{
            change(){
                this.num2 = 20;
            }
        }

PS：这里特别需要注意的是计算属性改变值，并不是改变计算属性，而是要改变计算属性依赖的本身！并且如果要修改计算属性，那么该计算属性需要以对象的形式写，然后里面再分别写get和set两个方法，get用于返回计算属性值，set通过形参val改变计算属性的值。