Blazor与Vue学习对比：如何实现表单绑定与验证？VeeValidate与EditForm有何区别？

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

这是基础部分的最后一章，内容相对简单，算作基础部分的Happy Ending。我们分为三个部分来学习：表格输入绑定、Vue的表格验证（VeeValidate）以及Blazor的表格验证（EditForm）。

这是基础部分的最后一章，内容比较简单，算是为基础部分来个HappyEnding。我们分三个部分来学习：

• 表单输入绑定
• Vue的表单验证：VeeValidate
• Blazor的表单验证：EditForm

一、表单输入绑定

表单输入主要涉及前面章节的双向绑定，但不需要我们自定义，直接使用就行。如果已经掌握了“1.6章节双向绑定”，那这部分的知识点简直“洒洒水”。Vue的v-model指令，为所有原生的HTML组件做了一些特殊处理，不仅支持双向绑定，也支持check或radio的分组。而Blazor，对原生HTML并没有做特殊处理，所以实现起来比较麻烦（见下例）。对于Blazor，推荐直接使用内置的表单组件，不仅可以直接双向绑定，还支持验证。以下例子，为原始HTML标签的绑定。