前言
...
目标
1 computed的用法
computed的用法
computed 计算属性用法与vue2的类似
引入
c
import { reactive,computed } from 'vue'
使用
c
setup(){
let person = reactive({
firstName:'张',
lastName:'三'
})
// 简单写法 - 只有读
// person.fullName = computed(()=>{
// return person.firstName + person.lastName
// })
// 完整写法 - get与set
person.fullName = computed({
get(){
return person.firstName +' - ' + person.lastName
},
set(value){
const arr = value.fullName.split('-')
person.firstName = arr[0]
person.lastName = arr[1]
}
})
return{
person
}
}
reactive
与ref
定义的属性都可以使用computed