Vue从零开始总结9

剖析计算属性的底层逻辑

computed:{
   fullName:function ()
   {
       return this.firstName+this.lastName;
   }

}

计算属性一般不使用set方法，所以我们这么写，纯属是简化过来的

原写法应该是这样的：

computed:{

fullName:{

get:function(){

return  this.firstName+this.lastName;

}

}

}

这两个是等价的。

那我们要想写的完整一些就是这样

data:{

firstName:'a',

lastName:'b'

}

computed:{

fullName:{

set:function(x){

const name= x.split(' ');

this.firstName=name[0];

this.lastName=name[1];

}

get:function()

{

return  this.firstName+this.lastName;

}

}

}