无需「绿幕」，也可达到影视级效果

这样，调用者就可以根据自己的需求，在工具栏渲染自己想要的内容了。

三、组件设计四要素

上述案例讲述了组件设计的整个流程，通过分析用户的需求(或未来可能出现的需求)，一步一步地设计出了一个复用度高、扩展性好的组件。如果你是一个组件设计的新手，你应该如何去思考、去设计一个优良的组件呢?

1. 先设计，后实现

我们通篇在讨论组件的设计，但是实际操作时，很多朋友会通过边实现边设计的方式来完成一个组件的制作，这是不合理的，因为自身能力与眼界的限制，实现可能会干扰你的设计，对于以下两个经典矛盾，希望读者能选择后者，以追求合理性为重。

这样实现比较方便，不如将这个参数抛出让用户传进来吧!

这样设计比较合理，虽然实现难度可能会比较高，但我可以通过文档学习、求问他人的方式来实现它，或者直接让他人来实现。

**提出问题比解决问题更难。**设计难于实现，你应当花70%的时间来设计而不是用来实现。有的设计者甚至不参与实现，设计者与实现者的身份也是随时在转换的，善于思考的实现者本身就是设计者。

2. 组件设计四要素

• 属性
• 方法
• 事件
• 子视图(插槽)

上述的案例基本涵盖了这四个要素，这四要素共同组成了组件的api。需要注意的，除了基本的四要素外，我们还需要注意这些也是组件api的一部分：

• 属性的类型、是否必填、默认值(属性类型确定后不再变化)
• 方法的参数、返回值(需要考虑变化的情况)
• 事件回调函数的参数
• 插槽可获取到的局部参数

在设计时，应当小心谨慎面对每一个api的要素，哪一个环节出现了设计缺陷，对于调用者都是如鲠在喉。

四、终极思维：面向对象

尽管我们通过一系列的理论讲述了组件设计的方法，但是对于初学者而言，仍然难以设计出一个优良的组件，设计一个优良的组件需要大量的经验，初学者往往考虑不全面，或因对需求的不了解，无法预知未来的变化。

尽管如此，初学者仍然要耐心学习组件的设计，不积跬步无以至千里，经过一段时间的积累，我总结了一个设计组件的终极思维，将面向对象的思想用于组件设计，将会事半功倍。

在开发领域，学会思考比埋头干活重要。我们将这个理论用于组件设计中，如何通过面向对象的思维来设计一个组件呢?

虽然我们强调使用面向对象的思维来设计组件，但仿佛面向对象思维比组件设计更高深，我们当然不会推荐大家用更加晦涩的理论来指导组件的设计，这里，我们将面向对象拟人化，提取出一个自然世界联想法的思维方法。

（编辑：周口站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!