如何更新Vue嵌套数据

Question

如果我在Vue JS 2中有这样的数据：

data : {
  newBus: {
    name: '',
    hours: {
      sunday: '',
    }
  }
}

我如何写到这个位置？ 我正在使用以下内容：

<input v-model="newBus.hours.sunday" type="text" placeholder="Sunday">

但是我得到了错误：

vue.js：1453 TypeError：无法读取未定义的属性“星期日”

Answer 1

很好 您的问题不在于此处包含的内容。

 new Vue({ el: '#app', data: { newBus: { name: '', hours: { sunday: '9-5', } } } }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.min.js"></script> <div id="app"> <input v-model="newBus.hours.sunday" type="text" placeholder="Sunday"> </div>