Vue3 拆分 yyyy-mm 字符串为年和月

在 Vue3 中，可以使用计算属性（computed property）来把'yyyy-mm'拆分成年份和月份。首先，需要在 Vue 实例中定义一个 data 属性来存储'yyyy-mm'的值，例如：

data() {
  return {
    date: '2022-09'
  }
}

然后，可以使用计算属性来拆分年份和月份。计算属性可以根据 data 属性的值进行计算，并返回一个新的值。在这个例子中，可以使用 split 方法来将'yyyy-mm'拆分成年份和月份，然后返回一个包含年份和月份的对象：

computed: {
  yearMonth() {
    const [year, month] = this.date.split('-');
    return { year, month };
  }
}

现在，可以在模板中使用 yearMonth 计算属性来访问年份和月份的值：

<template>
  <div>
    <p>年份：{{ yearMonth.year }}</p>
    <p>月份：{{ yearMonth.month }}</p>
  </div>
</template>

这样，就可以将'yyyy-mm'拆分成年份和月份，并在模板中分开展示。