Javascript 如何在vue中全局配置vee验证？

我的问题是，有没有一种方法可以创建一个.js文件并声明所有的

extend

？因此，我们不需要每次使用验证器时都进行扩展

我只是问，因为每次我需要验证器时，我的代码都会变得很长。我需要首先扩展它以使其可用

---

我目前正在使用vue和vuetify。以下代码工作正常

模板

<ValidationObserver ref="observer" v-slot="{ validate, reset }">
    <ValidationProvider v-slot="{ errors }" name="Name" rules="required|max:10">
        <v-text-field v-model="user.name" :error-messages="errors" label="Name" type="text"></v-text-field>
    </ValidationProvider>
</ValidationObserver>

---

是的，您可以在一个文件中声明所有配置，然后将其导入main.js。那么，你应该

// validationConfig.js

import { confirmed, required, email, max } from "vee-validate/dist/rules";

extend()
extend()
//etc

大体上：

// main.js

import path/to/validationConfig

---

我想你可以用mixin（，）。mixin对象可以包含任何组件选项。您还可以全局应用mixin。

您仍然可以使用相同的模板，只需按名称引用规则，就可以使用全局配置。

// main.js

import path/to/validationConfig