vue3 computed函数 获取 修改属性

一、与vue2的computed配置功能一致

二、用法

1、引入

import {computed } from 'vue';

2、计算属性简写(get)

setup(props, context){
    let fullNmae = computed(() => {
        return person.firstName + '-' + person.lastName
    })

    return {
        fullName,
    }
},

3、计算属性完整(get-set) 可以修改 计算属性值

setup(props, context){
    let fullNmae = computed({
        get(){
            return person.firstName+'-'+person.lastName
        },
        set(vlaue){
            console.log(vlaue)
            person.firstName = vlaue.split('-')[0]
            person.lastName = vlaue.split('-')[1]                    
        }
    })

    return {
        fullNmae,
    }
},