vue3中的computed

1.computed函数

• 与Vue2.x中computed配置功能一致

• 写法

  //首先得引入
  import {computed} from 'vue'
  ​
  setup(){
      ...
      //计算属性---——---简写
      let fullName = computed(()=>{
          return person.firstName + '-' + person.lastName
      })
      //计算属性---——----完整
      let fullName = computed({
          get(){
              return person.firstName + '-' + person.lastName
          },
          set(value){
              const nameArr = value.split('-')
              person.firstName = nameArr[0]
              person.lastName = nameArr[1]
          }
      })
  }

   在Setup中不可以使用this

  

 参考链接：

https://www.bilibili.com/video/BV1Zy4y1K7SH?p=151&spm_id_from=pageDriver