在Vue中从Laravel格式化Json的日期

<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item.id">
        {{ item.name }} - {{ item.date | formatDate }}
      </li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      items: []
    };
  },
  created() {
    axios.get('/api/data')
      .then(response => {
        this.items = response.data.map(item => {
          item.date = new Date(item.date); // 将日期字符串转换为Date对象
          return item;
        });
      })
      .catch(error => {
        console.error(error);
      });
  },
  filters: {
    formatDate(date) {
      // 自定义日期格式化函数，可以使用JavaScript的内置方法或者第三方库来实现
      return date.toLocaleDateString();
    }
  }
};
</script>