Vue3–篇16–计算属性computed
一、computed 函数
- 与 Vue2.x 中 computed 配置功能一致
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]
}
})
}
共有 0 条评论