Vuejs2 如何使用vee验证代码创建小提琴？

我尝试使用ValidationObserver创建vee validate 3.0， 但我遇到了一个问题，那就是试图添加行：

import {ValidationObserver, ValidationProvider, extend} from 'vee-validate'
import {required, email, url} from 'vee-validate/dist/rules'

控制台中出现错误：

Uncaught SyntaxError: Cannot use import statement outside a module

此文件保存时出错：

---

如何才能正确地执行此操作？

当您从CDN加载时，不能使用

import

。相反，所有内容都作为全局

VeeValidate

对象的属性公开

例如，

ValidationObserver

是

VeeValidate.ValidationObserver

改变这些：

从'vee validate'导入{ValidationObserver，ValidationProvider，extend}
从'vee validate/dist/rules'导入{required，email，url}

为此：

const{ValidationObserver，ValidationProvider，extend}=VeeValidate
const{required，email，url}=VeeValidate.Rules

第一行现在应该可以工作了，但第二行仍然会失败。要解决这个问题，您还需要将vee validate URL更改为

vee validate.full.js

，而不是

vee validate.js

。完整构建包括规则

---

如果要在HTML部分中指定模板，则DOM模板中的常见警告适用。e、 g.模板中的组件名称需要使用烤肉串大小写：

谢谢！我设法拉了这把小提琴：