文章来源于快应用官方论坛-本文作者“dadong”
承接上一篇构建组件库的文章,这篇详细讲一讲组件的开发过程和一些骚操作。
自定义组件
快应用的组件化做得是比较精简的,一个组件的实现和一个页面基本一致,自定义组件和页面的区别在于多了一些属性,少了一些生命周期的钩子。
多的属性是你可以向组件内传递数据的参数,可以用下面这种方式:
你可以把要传递进组件的属性在props这个数组中声明,不过要注意命名方式:声明属性要采用驼峰命名,在外部调用组件时要把驼峰转换成分隔线。以上面为例,调用组件时应该写成prop-one。
调用方式如下所示:
如果你要为传入的属性设置默认值,可以采取下面的方式声明:
图标组件开发和实现
了解了怎么写一个自定义组件,现在我们来实现一个图标库的组件,这在我们前端开发中是一个很常用的组件。
第一步:制作字体图标文件
制作字体图标文件有个很方便的在线工具:icomoo