Vue3 Hooks 使用 computd 拦截 v-model

import { computed } from 'vue'
export function useVModel(props, propName, emit) {
    return computed({
        get() {
            return new Proxy(props[propName], {
                get(target, key, receiver) {
                    return Reflect.get(target, key, receiver)
                },
                set(target, key, value) {
                    Reflect.set(target, key, value)
                    emit(`update:${propName}`, { ...target, [key]: value })
                    return true
                }
            })
        },
        set(val) {
            emit(`update:${propName}`, val)
        }
    })
}

const emit = defineEmits(['update:modelValue']);
const model = useVModel(props, 'modelValue', emit)