分类：封装组件

2021
08-08

Flutter 如何封装文本输入框组件

目录UI组件封装的考虑要点文本输入框接口定义代码实现组件使用踩坑记录总结UI组件封装的考虑要点封装一个UI组件，通常需要考虑下面这三个点：接口如何定义：即组件接收什么输入参数来控制组件的外观和行为；与业务分离：UI组件应当只负责界面，而不负责业务，具体的业务应当由业务层完成；简单易用：因为是UI组件，要尽可能地简单易用，方便使用者快速上手。文本输入框接口定义首先先看一下我们上一篇使用文... 继续阅读 >

2021
03-05

vue3.0封装轮播图组件的步骤

       接着上一篇文章，熟悉vue3.0的基本用法，和使用一段时间以后，开始准备开发适用于vue3.0使用的pc端的组件库。会陆续跟新一些组件库的写法和注意事项，有兴趣的同学可以多多关注哦，不多bb，开始。开发一个轮播图组件，适用pc端，(暂无考虑app),使用于vue3.0+TS大致的实现效果是这样：图片自由轮播，对应圆点图片跳转，左右指示器跳转等。暴露以下options配置：以上是主要的options，... 继续阅读 >

2021
02-21

如何封装Vue Element的table表格组件

在封装Vue组件时，我依旧会交叉使用函数式组件的方式来实现。关于函数式组件，我们可以把它想像成组件里的一个函数，入参是渲染上下文(rendercontext)，返回值是渲染好的HTML(VNode)。它比较适用于外层组件仅仅是对内层组件的一次逻辑封装，而渲染的模板结构变化扩展不多的情况，且它一定是无状态、无实例的，无状态就意味着它没有created、mounted、updated等Vue的生命周期函数，无实例就意味着它没有响应式数据data和this上下文... 继续阅读 >

2020
10-08

echarts.js 动态生成多个图表 使用vue封装组件操作

组件只做了简单的传值处理，记录开发思路及echarts简单使用。这里默认所有图表样式一致，都为柱状图，如需其他类型，可查阅echarts官网文档，再动态传值即可。vue使用组件------在外层用v-for循环，传不同值进charts即可<!--传入对应的数据给子组件--><charts:options="item.select":id='"charts"+index':index="index"style="width:900px;height:400px;"></charts><!--传入对应的数据给子... 继续阅读 >