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

使用Vue中的过滤器（Filter）可以将日期数据转换成字符串。

下面是一个例子：

<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>

在这个示例中，我们使用了一个名为formatDate的过滤器。它将日期对象转换成"YYYY-MM-DD"格式的字符串。在模板中，我们使用管道符号（|）将日期数据与过滤器连接起来。