Vue.js Vue插件vee validate未正确安装_Vue.js_Pug_Vee Validate

Vue.js Vue插件vee validate未正确安装

vue.js

Vue.js Vue插件vee validate未正确安装,vue.js,pug,vee-validate,Vue.js,Pug,Vee Validate,我试图在不使用npm install--save的情况下使用该插件进行表单验证，因此我将dist文件夹中的文件复制到了我的项目中，但由于某些原因，我无法正确使用该插件这就是我在我的pug文件register.pug中将插件作为脚本调用的方式： block main-content .article#register form input( v-model="email" v-validate.initial="'required|email'"

我试图在不使用

npm install--save

的情况下使用该插件进行表单验证，因此我将dist文件夹中的文件复制到了我的项目中，但由于某些原因，我无法正确使用该插件

这就是我在我的pug文件

register.pug

中将插件作为脚本调用的方式：

block main-content
  .article#register
  form
    input(
      v-model="email"
      v-validate.initial="'required|email'"
      :class="{'input': true, 'is-danger': errors.has('email') }")
block page-specific-scripts
  script(data-minjs-group="register" src="/libs/vue/vee-validate.js")
  script(data-minjs-group="register" src="/scripts/onboarding/register.js")

这是

register.js

：

(function(doc, win) {
  'use strict';

  var register = new Vue({ 
    el: '#register',
    data: {
      email: ''
    }
  });
})(document, window);

当我重新加载页面时，我收到这样一条消息：“属性或方法“errors”不是在实例上定义的，而是在呈现过程中引用的。”这不应该是这样的，因为我认为

errors

是vee validate插件的内置属性。

您可能没有添加此属性

Vue.use(VeeValidate);

（在新Vue之前添加它）

您可能还没有添加它

Vue.use(VeeValidate);

（在

新建Vue

之前添加它）

我不允许在脚本中使用导入语句。因此，我无法使用Vue.use注册vee validate。我觉得它很奇怪，因为我正在使用另一个插件

vue infinite scroll

并以相同的方式安装它，它只是自动注册了指令而无需额外配置。

vee validate.js

将在浏览器环境中创建一个名为

VeeValidate

的全局变量，就像

Vue

是一个全局变量一样。只要在加载

vee-validate.js

后执行do

Vue.use（VeeValidate）

，它就会工作。不同的插件需要不同的用法。这很正常，谢谢！但是，如何在register.js文件中使用VeeValidate的方法<代码>VeeValidate.extend生成一个错误，表示它不是函数。怎么会这样？你想要的可能是

VeeValidate.Validator.extend