Vue3 计算属性

计算属性

• vue3中也可以用vue2里的写法（不建议）

• 与vue2中功能基本一致

• 在setup函数里计算属性有两种写法，简写形式和完整形式两种

• 简写形式写的计算属性，仅仅只是可读而已

  setup() {
      let person=reactive({
        name:"魈" ,address:"璃月"
      }) 
      person.message=computed(()=>{
        return person.name+"-"+person.address
      })
      return {person}
    }
  

• 完整形式写的计算属性，可以更改

• setup() {
    let person=reactive({
      name:"魈" ,address:"璃月"
    }) 
    person.message=computed({get(){
       return person.name+"-"+person.address
    },
    set(value){
      let arr=value.split('-')
      person.name=arr[0]
      person.address=arr[1]
    }
    })
    return {person}
  }