如何在Vue模板中将“YYYY-MM-DD”格式设置为“DD.MM.YYYY”

<template>
  <div>
    <p>{{ date | dateFormat }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: '2022-01-01'
    };
  },
  filters: {
    dateFormat(value) {
      const dateObj = new Date(value);
      const year = dateObj.getFullYear();
      const month = ('0' + (dateObj.getMonth() + 1)).slice(-2);
      const day = ('0' + dateObj.getDate()).slice(-2);
      return `${day}.${month}.${year}`;
    }
  }
};
</script>