[Vue.js]配列のデータの中身をバインディングで変更する

Question

###やりたいこと
以下のようなデータをインプットにてバインディングさせたいと思っています。

data: {
  users: [
    { name: "田中太郎" },
    { name: "斎藤花子" },
  ]
}

HTML側を以下のようにしたところ、データ側からインプット内にバインディングはできるのですがその逆ができません。

<ul>
  <li v-for="user in users" >
    <label>{{ user.name }}</label>
    <input v-bind:value="user.name">
  </li>
</ul>

以下のコードのようにv-modelをつけてみたんですがうまく読み取れません。

<input v-model="users" v-bind:value="user.name">

以下が全体のコードです
https://jsfiddle.net/reiji/eywraw8t/432558/

　　　　　　　　　　　　　　　　

どのようにすればインプット側の情報をデータに渡せるのでしょうか？

それともべつに良い方法がありますでしょうか？

自分としてはデータの中身を更新できてそれが目で見てわかるようにできればと思っております。

ご回答よろしくお願いいたします。

Answer 1

<div id="app">
  <ol>
    <ul>
        <li v-for="user in users" >
            <label>{{ user.name }}</label>
            <input v-model="user.name">
        </li>
    </ul>
  </ol>
</div>

こういうことではない？

Comments

[reijimatsumura]

あれ？いけました・・・・
なんか難しく考えちゃってたみたいです！ありがとうございます！

Answer 2

<input v-model="user.name" >

で行けると思います。

Comments

[reijimatsumura]

普通に行けました????
お恥ずかしい質問にお答えいただきありがとうございました！！！