Vue计算属性基础

计算属性:
            1.定义: 要用的属性不存在,要通过已有属性计算得来
            2.原理: 底层借助了Objcet.defineproperty方法提供的getter和setter
            3.get函数什么时候执行
                (1).初次读取时会执行一次
                (2).当依赖的数据发生改变时会被再次调用
            4.优势: 与methods实现相比,内部有缓存机制(复用),效率更高,调试方便
            5.备注:
                1.计算属性最终会出现在vm上,直接读取使用即可
                2.如果计算属性要被修改,那必须写set函数去响应修改,且set中要引起计算依赖的数据发生改变
        computed:{
            /*fullName:{
                get(){
                    console.log('get被调用了')
                    return this.firstName + '-' + this.lastName
                },
                set(value){
                    console.log('set',value)
                    const arr = value.split('-')
                    this.firstName = arr[0]
                    this.lastName = arr[1]
                }    
            }*/
            //只能用在只读取不考虑修改的时候才能用简写
            fullName(){
                console.log('get被调用了')
                return this.firstName + '-' + this.lastName
            }
        }