在Vue.js中，为什么在尝试迁移到单个文件组件时出错？

我在这里遵循了教程：

创建自定义密码验证程序

我现在正试图将代码移动到单个文件组件中

我创建了一个名为Password.vue的文件，并将HTML放入

标记中，没有问题

但当我添加JavaScript时：

import VeeValidate from 'vee-validate';

Vue.use(VeeValidate);

VeeValidate.Validator.extend('verify_password', {
    getMessage: field => `The password must contain at least: 1 uppercase letter, 1 lowercase letter, 1 number, and one special character (E.g. , . _ & ? etc)`,
    validate: value => {
        var strongRegex = new RegExp("^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{8,})");
        return strongRegex.test(value);
    }
});

在

标记中，我收到以下错误消息：

Uncaught TypeError: Cannot set property 'render' of undefined

---

我做错了什么？

一般来说，我不建议您使用

veevalidate

，因为它的大小相当大。最好使用

vuelidate

。感受差异：84kb与24KB您能否提供您的整个密码

Password.vue

文件？可能需要在文件末尾添加

export default{}