在 Vue 前端中，可以使用 JavaScript 中的 Date 对象来处理日期。对于从后端接口返回的日期字符串，可以先将其转换为 Date 对象，然后再使用 getFullYear()、getMonth()、getDate() 等方法获取年月日等信息。

以下是一个示例函数，它接受一个日期字符串作为参数，并返回 YYYY-MM-DD 格式的日期字符串：

function formatDate(dateStr) {
  const date = new Date(dateStr);
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');
  return `${year}-${month}-${day}`;
}

这个函数首先创建一个 Date 对象，并使用 getFullYear() 方法获取年份，getMonth() 方法获取月份（需要加上 1，因为月份从 0 开始），以及 getDate() 方法获取日期。然后，使用 padStart() 方法将月份和日期补充成两位数，并使用模板字符串将它们拼接起来。

使用方法如下：

const dateStr = '2021-10-01T12:34:56.000Z'; // 从后端接口返回的日期字符串
const formattedDate = formatDate(dateStr); // 转换后的日期字符串，格式为 YYYY-MM-DD
console.log(formattedDate); // 输出 2021-10-01

注意，上面的示例代码中假设后端接口返回的日期字符串格式为 ISO 8601 格式，即类似于 2021-10-01T12:34:56.000Z 这样的字符串。如果后端返回的日期格式不同，需要根据实际情况进行调整。