在文章中,我们了解到在VUE Advanced语法中,本章将使用Mixin和Plugin早期学到的插件来制作数据验证插件。
当每个人都写一个项目时,除了使用封装的UI组件外,还会写什么?您会用JS判断每个表单吗?如果表单项目很长,那么编写的JS逻辑将长得多。
当您使用VUE开发项目时,还必须使用组件库。如何封装验证插件 - 类似于组件库?
在下面,我们使用Mixin和插件来包装表单项目的验证规则。
首先,我们需要定义一个规则以验证表项目。您可以在根组件函数中返回此规则,也可以编写一个单独的对象来定义规则。
如果此时更改它,实际上没有反应,那么我们将开始编写下面的封装代码。
获取规则
在控制台中,它将被打印出来,然后我们得到的方法可以。您可以按照可以通过的方式进行一些操作。
由于它是一个对象,因此我们可以按周期获得此对象中的每个规则项。
您可以在周期中获取每个项目,我们可以通过监视操作每个项目。
在浏览器控制中发现,当我们更改时,听众也将相应地做出响应。
在浏览器控制台中,我们会发现,当我们更改表单中的表单时,控制台将输出对象的判断内容。
?同样:我们也可以检查
l为什么我们仍然使用插件包装?
本文主要与先前学习的混音蛋白和插件结合使用,以制作格式数据项的包装。
因为Mixin和插件具有不同的特征,因此强烈建议每个人使用插件封装Mixin。
一起学习,每个人,来吗????
原始:https://juejin.cn/post/7101859238388957197