在Nuxt.js项目中，如何利用Vee-validate进行Vue.js表单验证？

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

VeeValidate 是 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 。