小编Yov*_*tyo的帖子

我刚刚发现在 Vue3 中，v-model没有响应式/响应式地与 child 一起工作Component。

此代码将更新username数据

<template>
  <div>
    <input type="text" v-model="username" placeholder="Insert your username" />
    <p>{{ username }}</p>
  </div>
</template>

<script>
// Home.vue
export default {
  name: 'Home',
  data() {
    return {
      username: 'admin'
    }
  }
}
</script>

如果我在 中输入内容input，username数据也会改变。

但是，当我Component像这个例子一样使用时：

<template>
    <input type="text" :class="'input-text ' + additionalClass" :placeholder="placeholder" />
</template>

<script>
// InputText.vue
import { defineComponent } from "vue"

export default defineComponent({
    name: 'InputText',
    props: {
        placeholder: …