当前位置: 首页 > 网络应用技术

[VUE3从刮擦第5章开始] 5-5数据检查插件实例

时间:2023-03-08 12:56:50 网络应用技术

  在文章中,我们了解到在VUE Advanced语法中,本章将使用Mixin和Plugin早期学到的插件来制作数据验证插件。

  当每个人都写一个项目时,除了使用封装的UI组件外,还会写什么?您会用JS判断每个表单吗?如果表单项目很长,那么编写的JS逻辑将长得多。

  当您使用VUE开发项目时,还必须使用组件库。如何封装验证插件 - 类似于组件库?

  在下面,我们使用Mixin和插件来包装表单项目的验证规则。

  首先,我们需要定义一个规则以验证表项目。您可以在根组件函数中返回此规则,也可以编写一个单独的对象来定义规则。

  如果此时更改它,实际上没有反应,那么我们将开始编写下面的封装代码。

  获取规则

  在控制台中,它将被打印出来,然后我们得到的方法可以。您可以按照可以通过的方式进行一些操作。

  由于它是一个对象,因此我们可以按周期获得此对象中的每个规则项。

  您可以在周期中获取每个项目,我们可以通过监视操作每个项目。

  在浏览器控制中发现,当我们更改时,听众也将相应地做出响应。

  在浏览器控制台中,我们会发现,当我们更改表单中的表单时,控制台将输出对象的判断内容。

  ?同样:我们也可以检查

  l为什么我们仍然使用插件包装?

  本文主要与先前学习的混音蛋白和插件结合使用,以制作格式数据项的包装。

  因为Mixin和插件具有不同的特征,因此强烈建议每个人使用插件封装Mixin。

  一起学习,每个人,来吗????

  原始:https://juejin.cn/post/7101859238388957197