本文详细介绍了快应用中自定义组件的开发过程，包括图标组件和表单组件（以单选框为例）的实现。首先，通过制作字体图标文件并编写相关代码来创建图标组件，然后通过优化调用方式提高代码可维护性。接着，展示了单个和多个单选框组件的实现，特别说明了监测值变化、事件处理和slot元素的获取。最后，鼓励读者实践并参与到快应用组件库的改进中。
文章来源于快应用官方论坛-本文作者“dadong”
承接上一篇构建组件库的文章，这篇详细讲一讲组件的开发过程和一些骚操作。
自定义组件
快应用的组件化做得是比较精简的，一个组件的实现和一个页面基本一致，自定义组件和页面的区别在于多了一些属性，少了一些生命周期的钩子。
多的属性是你可以向组件内传递数据的参数，可以用下面这种方式：
你可以把要传递进组件的属性在props这个数组中声明，不过要注意命名方式：声明属性要采用驼峰命名，在外部调用组件时要把驼峰转换成分隔线。以上面为例，调用组件时应该写成prop-one。
调用方式如下所示：
如果你要为传入的属性设置默认值，可以采取下面的方式声明：
图标组件开发和实现
了解了怎么写一个自定义组件，现在我们来实现一个图标库的组件，这在我们前端开发中是一个很常用的组件。
第一步：制作字体图标文件
制作字体图标文件有个很方便的在线工具：icomoonÿ
最低0.47元/天 解锁文章
扫一扫
799
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
