Eu sou novo no Vuejs. Fiz alguma coisa, mas não sei se é o caminho simples / certo.

o que eu quero

Quero algumas datas em uma matriz e atualizá-las em um evento. Primeiro, tentei o Vue.set, mas não deu certo. Agora, depois de alterar meu item da matriz:

this.items[index] = val;
this.items.push();

Eu empurro () nada para o array e ele será atualizado. Mas, às vezes, o último item fica oculto, de alguma forma ... Eu acho que essa solução é um pouco hacky, como posso torná-la estável?

O código simples está aqui:

new Vue({
  el: '#app',
  data: {
  	f: 'DD-MM-YYYY',
    items: [
      "10-03-2017",
      "12-03-2017"
    ]
  },
  methods: {
    
    cha: function(index, item, what, count) {
    	console.log(item + " index > " + index);
      val = moment(this.items[index], this.f).add(count, what).format(this.f);
  		this.items[index] = val;
      this.items.push();
      console.log("arr length:  " + this.items.length);
    }
  }
})

ul {
  list-style-type: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.11/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<div id="app">
  <ul>
    <li v-for="(index, item) in items">
    <br><br>
      <button v-on:click="cha(index, item, 'day', -1)">
      - day</button>
      {{ item }}
      <button v-on:click="cha(index, item, 'day', 1)">
      + day</button>
    <br><br>
    </li>
  </ul>
</div>