1： computed： 用于创建一个计算属性：   vue.3.0 中用于从vue 按需导入 computed 计算属性。

2： 如果传入的是一个getter 函数， 会返回一个不允许修改的计算属性

3： 如果传入一个带有getter 和 setter 函数的对象， 会返回一个允许修改的计算属性。

4： 在vue3.0 中使用使用计算属性： 需要导入一个computed  计算属性的函数。  从vue 中导入的都是函数，  都是函数时编程。

报错信息提示：  property  `nextAge` was accessed during render but is not defined on instance；  变量在使用的时候， 并没有定义。

<script>
   import { ref, computed } form 'vue'；
   export default {
    setup () {
     // computed 计算属性使用
     const age = ref(18)   // age 现在就是响应式对象
     // computed 计算属性是一个函数   传入一个函数getter
     const nextAge = computed(()=> {
        return parseInt(age.value) + 1
     }) 
    }
    // 返回的是一个不可以修改的计算属性
    return {
      age，
      nextAge
    }
   }
</script>

使用ref 创建一个响应式对象， 在模板中使用不用自动解套。  直接渲染使用。

5： 传入一个对象， 包含get 和 set 函数， 就可以创建一个可以修改的计算属性

const nextAge = computed ({
 get () {
   return parseInt (age.value) + 2
 }
 set (value) {
  age.value = value -2
 }
})

6:   只可以获取值， 不可以修改值直接使用computed 计算属性 使用箭头函数

7：既可以获取值， 也可以修改值，  computed 计算属性中传入一个对象。 get 方法 和 set 方法。