如何在VueJS中映射嵌套的Vuelidate验证对象和计算属性？

data() {
  return {
    user: {
      name: '',
      email: ''
    }
  }
}

computed: {
  userName() {
    return this.user.name;
  },
  userEmail() {
    return this.user.email;
  }
}

methods: {
  validateForm() {
    this.$refs.user.$v.$touch();
    if (!this.$v.$invalid) {
      // 执行表单提交操作
    }
  }
}

<input v-model="user.name" type="text">
<span v-if="$v.user.name.$error">请输入有效的姓名</span>

<input v-model="user.email" type="email">
<span v-if="$v.user.email.$error">请输入有效的邮箱地址</span>

<p>用户名：{{ userName }}</p>
<p>邮箱：{{ userEmail }}</p>

<button @click="validateForm">提交</button>