如何正确配置 vuelidate？答案

【问题标题】：How to configure correctly vuelidate?如何正确配置 vuelidate？
【发布时间】：2021-04-23 20:01:06
【问题描述】：

使用最新版本的 Vue

我一直在努力让 Vuelidate 工作

我在互联网上看到的每个指南都使用这种类型的“Main.js”代码：从'vue'导入Vue；

import Vuelidate from 'vuelidate';

import App from './app/App';

Vue.use(Vuelidate);

new Vue({
    el: '#app',
    render: h => h(App)
});

而我的 main.js 看起来像这样：

import { createApp } from 'vue'
import App from './App.vue'


createApp(App).mount('#app')

尝试在我的组件中使用如下：

 import { required, email } from '@vuelidate/validators'
  import {useVuelidate} from "@vuelidate/core";

    export default {
data: () => ({
    v$: useVuelidate(),

尝试像这样实现它：

<div v-if="submitted && !$v.validations.affiliate.required"></div>

收到此错误：无法解析 v$ 的类型

【问题讨论】：

标签： vue.js vuelidate

【解决方案1】：

import { createApp } from 'vue'
import App from './App.vue'
import Vuelidate from 'vuelidate'

createApp(App).use(Vuelidate).mount('#app')

【讨论】：

不幸的是我的组件消失了，我只看到空白页
我在 import Vuelidate from 'vuelidate' 中也看到错误（错字错误）
您使用的是哪个版本的 Vue？这适用于 Vue 3。
"vue": "^3.0.0",
@OsherRevach checkout vue3 Vuelidate with demo stackoverflow.com/questions/66945380/…