Vue.js 正确的使用方法是什么：在

这是我的错误代码：

<input v-model="input.nameInput" type="text" :value="name" autocomplete="off" class="form-control">
<input v-model="input.posInput" type="text" :value="pos" autocomplete="off" class="form-control">

我可以显示的{{name}}和{{pos}}外部及其工作。但如果v型和：值合并，则错误：

v-bind:value=name与同一元素上的v-model冲突，因为后者已在内部扩展为值绑定

---

那么正确的方法是什么呢？谢谢

值与v-model相同，但v-model会在输入值不相同的地方进行更新

有几次我使用了v-model上的值，但是如果你这样做的话，你将不得不观察输入，并改为使用函数来更改和更新值

为此，请执行以下操作

<input v-model="input.nameInput" type="text" autocomplete="off" class="form-control">
<input v-model="input.posInput" type="text" autocomplete="off" class="form-control">

---

删除该值并保留v-model。

不应在同一元素上同时使用v-bind和v-model。考虑下面的代码：

<label>
  Input with v-bind 
  <input v-bind:value="message" />
</label>
<label>
  Input with v-model
  <input v-model="message" />
</label>
<p>{{ message }}</p>

或者，如果您的字段由父组件通过props管理，则可以使用default:My default value设置初始值

data: {
  message: 'My default value',
}

props: {
  message: {
    type: String,
    default: 'My default value',
  },
}