vue 単一ファイルコンポーネントで、文字列配列を表示

templateでString arrayを表示するメモ。
v-forのindexを:keyとして使う。これがベストかは不明。。

<template>
  <div>
    <li class="greeting" v-for="(item, index) in greetings" :key="index">{{ item }}</li>
    <button v-on:click="add">timestamp</button>
  </div>
</template>
<script>
export default {
  name: "Time",
  data: function() {
    return {
      greetings: []
    };
  },
  methods:{
    add: function(){
      this.greetings.push(new Date());
      if(this.greetings.length > 3){
        this.greetings.shift()
      }
    }
  }
};
</script>