如何更新Vue嵌套数据

Question

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

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

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

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

但我收到错误：

  

vue.js：1453 TypeError：无法读取未定义的属性'sunday'

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>