vue将日期数据转换成字符串

<template>
  <div>
    <h1>日期转字符串示例</h1>
    <p>日期：{{ date | formatDate }}</p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      date: new Date()
    };
  },
  filters: {
    formatDate: function (value) {
      if (!value) return "";
      const date = new Date(value);
      const year = date.getFullYear();
      let month = date.getMonth() + 1;
      let day = date.getDate();
      month = month < 10 ? "0" + month : month;
      day = day < 10 ? "0" + day : day;
      return `${year}-${month}-${day}`;
    }
  }
};
</script>