vue封装一个方法把2006年10月31日转换成2006-10-31

您可以使用Vue的过滤器来实现这个功能。首先，在您的Vue组件中定义一个全局过滤器：

Vue.filter('formatDate', function (dateString) {
  const date = new Date(dateString);
  const year = date.getFullYear();
  let month = date.getMonth() + 1;
  let day = date.getDate();
  
  // 如果月份或日期小于10，在前面添加一个0
  if (month < 10) {
    month = '0' + month;
  }
  if (day < 10) {
    day = '0' + day;
  }
  
  return `${year}-${month}-${day}`;
});

然后，在您的模板中使用这个过滤器：

<template>
  <div>
    <p>原始日期：{{ originalDate }}</p>
    <p>格式化日期：{{ originalDate | formatDate }}</p>
  </div>
</template>

在这个例子中，originalDate是您要转换的日期字符串，比如"2006年10月31日"。

通过使用过滤器，您可以在模板中直接使用originalDate | formatDate来显示转换后的日期，而不需要在Vue组件中编写额外的代码进行转换