vue中的computed计算属性

语法
new Vue({
  el:xx,
  data:xx,
  computed:{
    // 属性名称:function(){
    属性名称(){
      // 业务表达式实现，可以通过this操作data成员
      return  返回结果
    }
  }
})

计算属性普通函数赋值或简易成员函数 赋值 都可以，不要使用箭头函数

{{ computed计算属性名称 }}     <!--模板中-->
this.XXX                <!-- Vue实例内部-->

特点

1. 计算属性关联的data如果发生变化，会重新编译执行 获得 并 使用 对应新结果，即响应式(入口)
2. 计算属性的返回信息有变化，使用的地方也会重新编译执行，还存在出口响应式
3. 计算属性内部可以使用this关键字，与Vue对象等效
4. 每个计算属性都需要通过return关键字返回处理结果

computed里存放的是函数,调用时computed里的东西是一个属性
所以在调用的时候不能使用 () 因为()是在调用函数,而不是调用属性