vue3 ts子组件改变父组件的值

在Vue3中，我们可以使用`defineEmits`和`defineExpose`来实现子组件改变父组件的值。具体步骤如下：

1. 在子组件中使用`defineEmits`定义一个事件，用于向父组件传递数据。

import { defineComponent, defineEmits } from 'vue';

export default defineComponent({
  emits: ['update:value'],
  setup(props, { emit }) {
    // ...
    emit('update:value', newValue);
    // ...
  },
});

2. 在父组件中使用`v-model`指令来绑定子组件的值，并在子组件中触发`update:value`事件来更新父组件的值。

<template>
  <child-component v-model="value" />
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';
import ChildComponent from './ChildComponent.vue';

export default defineComponent({
  components: {
    ChildComponent,
  },
  setup() {
    const value = ref('');

    return {
      value,
    };
  },
});
</script>