Vue.js 如何用嵌套的json绑定值？

我需要对json数据进行双向绑定，因此如果输入中的值发生变化，它也应该在

data

部分中改变。我认为唯一的方法是

bind

指令

但我不明白如何访问嵌套值。例如：

var app = new Vue({
  el: '#app',
  data: {
    my_dates:
    [
        {
          "2018-03-23": {
            "april": 10,
            "may": 9,
            "june": 8,
            "july": 7,
            "august": 6,
            "september": 5,
            "october": 4,
            "income_trips": "1234.00",
            "med_services": "123.00",
            "food_services": "12.00",
            "accom_services": "1.00",
            "collegium": "1234.00",
            "parking": "123.00",
            "wash": "12.00",
            "other": "1.00",
            "balance": "1234.00",
            "employees": 50,
            "season_employees": 20,
            "complaints": 0,
            "reviews": 0
          }
        }
    ]

  }
})

和我的html：

如何访问，例如：

{{my_dates[0]['2018-03-23']['april']}

然后我计划放入

td

input

标记，使其可编辑。

Vue.js v-bind用于将标记属性值转换为属性值。 如果要在模板中呈现属性值，则需要使用

{{my_日期[0]['2018-03-23']['april']}
{{my_dates[0]['2018-03-23]['may']}
{{my_日期[0]['2018-03-23']['june']}

Vue.js v-bind用于将属性值标记为属性值。 如果要在模板中呈现属性值，则需要使用

{{my_日期[0]['2018-03-23']['april']}
{{my_dates[0]['2018-03-23]['may']}
{{my_日期[0]['2018-03-23']['june']}

 <td>{{my_dates[0]['2018-03-23']['april']}}</td>

<input v-model="my_dates[0]['2018-03-23']['april']" placeholder="date input" />