编写一个简易版useVModel

    1. export interface VModelOptions<T> {
    2.   eventName?: string
    3. }
    5. function useVModel<P extends object, K extends keyof P, Name extends string>(props: P, key?: K, emit?: (name: Name, ...args: any[]) => void, options: VModelOptions<P[K]> = {},) {
    6.   const {
    7.     eventName
    8.   } = options
    9.   // 获取当前实例
    10.   const vm = getCurrentInstance()
    12.   const _emit = emit || vm?.emit
    16.   if (!key) key = 'modelValue' as K
    17.   let event = eventName || `update:${String(key)}`
    19.   return computed<P[K]>({
    20.     get() {
    21.       return props[key as K]
    22.     },
    23.     set(value) {
    24.       _emit && _emit(event as Name, value)
    25.     }
    26.   })
    27. }
    29. export default useVModel