更多文章前言最近帮公司搭建ui组件库，主要考虑如下：沉淀业务组件，避免高质量组件流失形成文档，减少对组件内部代码关注，通过文档demo以及暴露出的属性方法使用组件通过npm安装组件，更好的管理项目&组

前言 本文目的是带领大家从0开始开发一个组件库，看了网上开发组件库的文章，要么组件库是基于React的，对于Vue党十分不友好，要不就是文章写的不具体，看完还是不知从何开始。基于我司组件库开发经验，决

1. 组件的设计与实现。 2. 组件库的搭建，打包及发布。 3. 组件文档的编写，以及组件库文档站点的搭建与发布。

如何渲染数据的关键问题所在就是不知道数据到底与几层，就无法通过对每层进行 v-for 渲染。

通过上面的 UI 呈现，现在大家应该有个基础的认识，我们需要做什么样的需求了。

我们主要通过这个组件，来学习一些细微的逻辑，比如: 如何计算input框内文字的长度； 如何获取光标的位置；如何实现滚动条随着上下键盘的按动进行移动...... 根据前两个需求，我们需要根据文本框中的”.“进行向后移动，向右移动的最大距离不能超过文本框的宽度。

有人说递归很难理解，也有人不这么认为。递归函数简单的定义是：一个自调用函数，这意味着它将在执行的某个时刻调用自己。 咱们无法决定哪一个更重要。如果没有结束点，递归将成为一个无限循环，但是如果一组规则就不能实现期望的行为，所以两者都存在才能使它正常工作。 在 Vue 中，递归非常…

在页面制作的过程中，经常需要使用到下拉框组件，那就来尝试练练手自己做一个 vue 的下拉框组件吧（里面用到的 vue 相关知识较多）

在一个完善的 web 项目中，图片是极为常见的页面展现元素之一，大部分前端开发者做的 Image 上的优化，可能仅是想办法压缩图片，减少体积、或者搞个懒加载减缓页面加载压力。