Vue.js 如何在对象上使用vuejs模块

我有以下代码：

<div id="app">
  <input type="text" name="" v-model="user.phones">
</div>

<script>

new Vue({
  el: '#app',
  data() {
    return {

      user: {
        phones: []
      }

    }
  }
});

</script>

新Vue({
el:“#应用程序”，
数据（）{
返回{
用户：{
电话：[]
}
}
}
});

---

每当用户编写手机时，我都希望将其注入

user.phones

模型中。但是由于

手机

型号是一个数组，因此没有将号码分配给用户。手机

您不能使用

v型

。如果要在每次输入值时插入新电话号码，请使用

 <input type="text" name="" @change="(event) => user.phones.push(event.target.value)">

---

您不能使用

v-model

。如果要在每次输入值时插入新电话号码，请使用

 <input type="text" name="" @change="(event) => user.phones.push(event.target.value)">

您只需传递数组的索引，该在哪个数字上写入？如何？这是一个新数组，所以我可以只传递

[0]

？它应该在您设置的索引中设置。您只需要传递数组的索引，在该索引上应该写入哪个数字。如何？这是一个新数组，所以我可以只传递

[0]

？它应该在您设置的索引中设置