vuejs，v模型derective可以绑定json

Question

Inherits="across-america.SiteMaster" %>

我可以在html中使用这种方式吗？

 var data=new Vue({
        el:"body",
        data:{
        user:{
        name:"tom",
        nickname:"tom1"
        }
        }
        });

我以这种方式遇到麻烦，控制台

<input type="text" v-model="user.name"/>
 <input type="text" v-model="user.nickname"/>

Answer 1

当然可以，看看代码更改了prop user.name并通过双向数据绑定功能更新输入文本的代码段。

＆＃13;

＆＃13;

new Vue({
    el: '#app',
    data: {
      user:{
          name:"tom",
          nickname:"tom1"
          }
    },
    methods: {
    	onClick() {
      	this.user.name = 'Tomas'
      	console.log(this.user.name)
      }
    }
})

＆＃13;

<script src="https://npmcdn.com/vue/dist/vue.js"></script>

<div id="app">
  <div id="editor">
      <input type="text" v-model="user.name"/>
     <input type="text" v-model="user.nickname"/>
    </div>
    <button v-on:click="onClick">Change name by code</button>
</div>

＆＃13;

＆＃13;

＆＃13;