Vue的计算属性

Vue的计算属性

定义：拿已有的属性定义或者组成新的属性

   //computed---计算属性 
           computed:{
               fullname:{
                   get(){
                       console.log("get被调用")
                        return XXX
                   },
                   set(value){
                       console.log('set',value)
                   }
               }
           }

get():会在初次读取时被调用，或者所依赖的数据发生变化的时候

set()：修改fullname的时候，set被调用

原理：借助了Object.defindProperty()的getter,setter

优点：具有缓存，效率更高，调试方便

简写：只读不改的时候才可以简写

 computed:{
               //1.直接把计算属性当成函数
               fullname(){
                       console.log("get被调用")
                        return XXX
               },
                //2..函数形式
               fullname1:function(){
                       console.log("get被调用")
                        return XXX
               }
           }