用vue3实现从页面输入出生年月计算出年龄

如果要使用 Vue 3 实现从页面输入出生年月计算出年龄的功能，你可以这样做：

1. 在 Vue 组件的 template 中添加一个输入框和一个显示年龄的元素。
2. 在 Vue 组件的 data 中定义一个变量来保存输入的出生年月，并定义一个计算属性来计算年龄。
3. 使用计算属性的 getter 和 setter 来监听输入框的输入，并更新出生年月的变量。
4. 使用 JavaScript 的 Date 对象来计算出当前时间和出生时间的时间差，然后根据这个时间差计算出年龄。
5. 在 template 中绑定年龄计算属性的值到显示年龄的元素上。

示例代码如下：

<template>
  <div>
    <input v-model="birthday" type="text" />
    <p>年龄：{{ age }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      birthday: ''
    }
  },
  computed: {
    age: {
      get() {
        const now = new Date()
        const birthday = new Date(this.birthday)
        return now.getFullYear() - birthday.getFullYear()
      },
      set(newValue) {
        this.birthday = newValue
      }
    }
  }
}
</script>

在上面的代码中，输入框使用了 v-model 指令来双向绑定到 birthday 变量，年龄使用了计算属性来显示。计算属性的 getter 和 setter 分别用来监听输入框的输入和更新 birthday 变量