uniapp -- 别具一格的组件
当然这只是一个介绍,我们想要比较系统的认识一下 uniapp 组件不是吗?
视图容器组件
内容组件
text 就是内容组件的一种,还有进度条 progress ,富文本显示组件 rich-text,显示 icon 图标的 icon 组件
演示:
<progress class="test_progress" :percent="70" stroke-width="3" activeColor="#10AEFF"/> <progress :percent="40" stroke-width="3" />
表单组件
表单组件我们大都熟悉,比如 button , from,input ,label等等,当然还有一些新的面孔,比如 editor 富文本输入框 ,checkbox 多项选择器 ,picker 弹出式列表选择器 ,slider 滑动选择器, switch 开关选择器
我只能说都很好玩 😀
想当初我们做 H5 页面是怎么把一个单选框一步一步拟态成为一个开关选择器的,那些总是调节不好的阴影一遍遍折磨着我 😥,而 uniapp 只需要一个简单的标签(组件) 😀,真的省事
其他组件
当然还有很多有用的组件,我们不如去官网看看,路由组件,媒体组件,地图组件,画布组件(依旧是 canvas),这些有很有趣且有用
为什么要扩展组件?
其实很简单,就像我们提到的 switch 组件,开关按钮我们在业务中经常遇到,如果没有扩展的话,开发将更加的繁琐,将一些精力没有放到重要的逻辑处理,而是去注意一些阴影怎么设置才好看,我觉得这是没有很大的必要的(当然我们可以上网找,有很多现成的 demo )
当然官方也给出了四个巨大的优点:
-
可以将组件进行任意次数的复用 合理的划分组件,有助于提高应用性能 代码更加方便组织和管理,并且扩展性也更强,便于多人协同开发 组件化开发能大幅度提高应用开发效率、测试性、复用性等
所以我算是发现了,大多数的扩展还是因为它的复用性,简化开发,方便合作 🤔
