如何正确配置vuelidate？

Question

使用最新版本的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$的类型

Answer 1

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

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