Vue #2 v-model

by Chuck May

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
  <input type="text" v-model="user.name" placeholder="Name" />
  
  <p />
  
  <div v-for="(value, key) in user.keys">
    <label>{{key}}</label>
    <input type="text" v-model="user.keys[key]" placeholder="key" />
  </div>

  <p />

  <div v-for="(value, key) in user.keys">
    <p>{{user}}</p>
  </div>
  
</div>

JavaScript

const app = new Vue({
  el: '#app',
  data: {
    user: {
       name: '',
       keys: {
          "A": "",
          "B": "",
          "C": ""
       }
    }
  }
});