computed 计算属性

• 定义 computed 计算属性（简写）

  import { computed } from 'vue'
  export default {
    setup( ) {
      let com = computed( ( ) =>{
      //计算属性中 函数的返回值会作为计算属性变量的值
      return ....
      } )
  
      return { com }
    }
  }
  

  计算数据接收的参数为一个函数时，函数的返回值，作为最终计算属性的值，这样的计算属性是只读的

• 定义 computed 计算属性（完整写法）

  import { computed } from "vue";
  export default {
    setup() {
      let com = computed({
        //计算属性被读取时，调用 get 方法
        get() {},
        //计算属性被修改时，调用 set 方法
        set() {},
      });
  
      return { com };
    },
  };
  

  当计算属性接受的参数为一个对象时，对象内可以配置 get、set 两个方法，分别在计算属性读取、修改时调用

• 使用 computed 计算属性

  <div>{{ com }}</div>