vue3将new date（）格式化年字符串

可以使用 Vue 3 提供的 DatePipe 管道来格式化日期，示例如下：

<template>
  <div>{{ formatDate }}</div>
</template>

<script>
import { defineComponent } from 'vue'
import { DatePipe } from 'vue-i18n'

export default defineComponent({
  data() {
    return {
      date: new Date()
    }
  },
  computed: {
    formatDate() {
      const datePipe = new DatePipe(this.$i18n.locale)
      return datePipe.transform(this.date, 'yyyy')
    }
  }
})
</script>

上面的代码中，我们首先通过 `defineComponent` 函数定义一个 Vue 组件，然后在 `data` 选项中定义了一个 `date` 属性，并将其初始化为当前日期。

接下来，在 `computed` 选项中，我们定义了一个 `formatDate` 计算属性，该属性使用 `DatePipe` 管道将日期格式化为年份字符串。

最后，在模板中，我们通过插值表达式 `{{ formatDate }}` 显示了格式化后的日期字符串。