Vue.js 如何正确配置vuelidate？

使用最新版本的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)
});

虽然my main.js看起来像这样：

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


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

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

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

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

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

尝试这样实现它：

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


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

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

获取此错误：

---

无法解析v$

Unfotunetlymy的类型我的组件消失了，我只看到空白页我在从“Vuelidate”导入Vuelidate时也看到错误（输入错误）您使用的是哪个版本的Vue？这适用于Vue 3。“Vue”：“^3.0.0”，非常奇怪，因为它不起作用

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

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