Vue3计算属性

肖肖冲鸭

已于 2022-07-06 19:49:06 修改

阅读量147

点赞数

分类专栏： Vue3 文章标签： vue.js 前端 javascript

于 2022-06-04 14:14:48 首次发布

本文链接：https://blog.csdn.net/weixin_48952990/article/details/125121362

版权

Vue3 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

#Vue3计算属性

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

mport {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]
        }
    })
}