小编Hưn*_*àng的帖子

我有个问题。当我没有a在 Vue 实例的数据中定义变量时，它不会更新以匹配新值。

<div id="app">
  <p>{{ a }}</p><br>
  <input type="text" v-model="a">
</div>

new Vue({
  el: "#app",
  data: {
  },
})

但是当我form在数据中使用时，它起作用了。为什么会有这样的差异？

<div id="app">
  <p>{{ form.a }}</p><br>
  <input type="text" v-model="form.a">
</div>

new Vue({
  el: "#app",
  data: {
    form:[]
  },
})

此外，在我同时使用aand的情况下form，当我更改 input 时a，文本元素不会更新。当我更改 input 时form.a，文本元素a和 都会form.a更新。有人可以解释这种行为吗？

<div id="app">
  <p>{{ a }}</p><br>
  <input type="text" v-model="a">
  <p>{{ form.a }}</p><br>
  <input type="text" v-model="form.a">
</div>

new Vue({
  el: "#app", …