proginn07541451732023年03月01日
137阅读
所属分类作品

作品详情

该插件基于了element-ui进行二次封装,旨在给使用者提供更好、更完善的ui组件。 该插件将会实现如下两个重点:一、使用面向对象的形式提供数据操作服务与集成。二、完善element-ui组件中不足、存在BUG的地方。

对于第一点,我们知道,在vue2框架下使用element-ui组件时,不仅需要在template中实现具体的组件代码,而且需要通过对data、methods、computed等配置项中实现对应的数据定义与逻辑。这样当然没什么问题,但往往我们的单页面逻辑是复杂的,其中可能包含了多个组件与各种逻辑。在这种情况下,我们的逻辑将会在这几个配置项中被切分的支离破碎,当然这并不是element-ui的问题。在vue3的开发日志中尤大也详细的指出vue2的optionApi确实是会存在这种问题,但这个问题只能在vue3中使用compositionApi才能解决。我们希望能够将vue3中的compositionApi概念吸纳过来,通过定义数据模型来尽可能的降低代码的耦合程度,将原先需要写在各个配置项中的数据、逻辑统一的配置在数据模型中,在将数据模型传递给核心组件,通过数模的反射来实现数据的双向绑定。

使用模型的好处不仅仅是能够降低代码耦合程度。通过对模型使用装饰、链式、管道等设计模式能使使用者获得非常良好的OOP体验。同时对模型进行抽象、继承、组合可以使模型的兼容性进一步提升,能够轻易的设计出高内聚、低耦合的业务性模型。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论