как удалить элемент из хэша, где хранится массив хэшей в vue.js

Question

Там мой объект json, который я отображаю на странице. И я хочу удалить / добавить хэш в одном из массивов в «стоимости» хеша. Мои почтовые запросы работают хорошо и изменяют объект json, но на веб-странице они не меняются, если я не нажимаю кнопку обновления (F5).

{  
   "costs":{  
      "2018-11-01 00:00:00 +0600":[  
         {  
            "id":39,
            "cost_name":"asd",
            "user_id":2,
            "fix":true,
            "amount":123,
            "created_at":"2018-11-13T16:48:32.603+06:00",
            "updated_at":"2018-11-13T16:48:32.603+06:00"
         },
         {  
            "id":20,
            "cost_name":"Rent office",
            "user_id":2,
            "fix":true,
            "amount":300000,
            "created_at":"2018-11-09T18:00:27.567+06:00",
            "updated_at":"2018-11-09T18:10:16.607+06:00"
         }
      ],
      "2018-09-01 00:00:00 +0600":[  
         {  
            "id":19,
            "cost_name":"internet",
            "user_id":9,
            "fix":true,
            "amount":15000,
            "created_at":"2018-09-07T18:36:19.108+06:00",
            "updated_at":"2018-09-07T18:36:19.108+06:00"
         },
         {  
            "id":18,
            "cost_name":"Rent office",
            "user_id":2,
            "fix":true,
            "amount":17000,
            "created_at":"2018-09-06T18:36:19.108+06:00",
            "updated_at":"2018-09-06T18:36:19.108+06:00"
         }
      ]
   }

Когда нет таких массивов, как "2018-11-01 00:00:00 +0600", я просто удаляю этот код:

.then(response => this.costs.splice(this.costs.indexOf(cost), 1))

и добавьте с этим кодом:

costs.unshift(this.cost)

Но после того, как я разделил затраты по месяцам, структура json изменилась, и эти коды не работают

там мои переменные в vue:

data () {
return {
  error: '',
  notice: '',
  costs: [],

  cost: {
    id: '',
    cost_name: '',
    user_id: '',
    fix: '',
    amount: ''
  }
}


}