title: vuejs, the v-model derective can bind the json
body: <pre><code> var data=new Vue({
          el:"body",
          data:{
          user:{
          name:"tom",
          nickname:"tom1"
          }
          }
          });
  </code></pre>
  
  <p>Can i use the way in html?</p>
  
  <pre><code>&lt;input type="text" v-model="user.name"/&gt;
   &lt;input type="text" v-model="user.nickname"/&gt;
  </code></pre>
  
  <p>I meet a trouble in this way ,the console</p>
  
  <pre><code>vue.min.js:6    TypeError: Cannot read property 'name' of undefined(…)
  </code></pre>