Vue+Nuxt+Vee-validate，如何改写表单校验为长尾？

本文共计876个文字，预计阅读时间需要4分钟。

vee-validate 是 Vue.js 专为表单验证打造的框架，允许您校验输入内容并显示对应的错误提示信息。它内置了多种常见验证规则，可组合使用多种验证规则，大部分场景仅需简单配置即可实现。

vee-validate 是为 Vue.js 量身打造的表单校验框架，允许您校验输入的内容并显示对应的错误提示信息。它内置了很多常见的校验规则，可以组合使用多种校验规则，大部分场景只需要配置就能实现开箱即用，还支持自定义正则表达式。而且支持 40 多种语言，对本地化、多语言支持非常友好。

国内饿了么团队开源项目 Element UI 就用到了 vee-validate 。

vee-validate 官网：baianat.github.io/vee-validate/

1. 安装

安装 vee-validate 到项目中

npm install vee-validate --save

2. 创建 vee-validate 插件

a. 创建插件

在 Nuxt.js 项目 plugins 目录下创建 veevalidate.js 。