vue---computed

computed

计算属性是什么？

//当一些数据需要经过特殊处理或计算展示，这是可以使用计算属性
//计算属性的结果会被缓存，只有当他所依赖的属性被改变时，才会重新计算

计算属性的值可以修改吗？

//可以，但是如果时普通写法的话会报错，计算属性默认只提供getter
//Computed property "cage" was assigned to but it has no setter
//写成对象的形式
cage:{
  get(){
    return this.age
  },
  set(v){
    this.age=v
  }
}

计算属性和方法的区别?

<p>{{getName()}}</p>
<p>{{getName()}}</p>
<p>{{getCName}}</p>
<p>{{getCName}}</p>
getName(){
  console.log('调用方法')
  return this.name+'haha'
}
getCName(){
  console.log('调用计算属性')
  return this.name+'haha'
}
/*
* 计算属性有缓存，虽然两者都能达到相同的效果，但是方法每次都会调用，计算属性只会在它所依赖
* 的数据发生改变时才会重新计算
* */