vue3.0 组件封装 传入自定义的 v-modal 参数据无法编辑 props如何处理

如果你希望在 Vue 3.0 的组件中传入自定义的 v-model 数据并且可以编辑，可以使用 `emit` 来触发一个自定义事件来更新传入的数据。

首先，在组件中定义一个名为 `value` 的 props，并且在组件中使用 `$emit` 触发一个名为 `update:value` 的事件，代码如下：

<template>
  <div>
    <input :value="value" @input="$emit('update:value', $event.target.value)">
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: String,
      required: true
    }
  }
}
</script>

然后，在使用组件的地方，你可以使用 `v-model` 来传入自定义的数据，并且可以通过 `@update:value` 事件来监听数据的变化，例如：

<template>
  <div>
    <CustomInput v-model="inputValue" />
  </div>
</template>

<script>
import CustomInput from './CustomInput.vue'

export default {
  components: {
    CustomInput
  },
  data() {
    return {
      inputValue: 'Initial Value'
    }
  }
}
</script>

这样，你就可以在父组件中通过 `inputValue` 来修改子组件中的数据了。