【Vue3】学习笔记-computed函数

  • 与Vue2.x中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]
        }
    })
}

猜你喜欢

转载自blog.csdn.net/david_520042/article/details/131438585