✅ 一个对话框需要的基本要素「标题，内容，确定/取消按钮」。内容需要灵活，所以可以是字符串，或一段 html 代码（也就是 slot ）。 ✅ 对话框需要“跳出”，避免来自父组件的“束缚”，用 Vue3 Teleport 内置组件包裹。 ✅ 调用对话框需要在每个父组件都进行引入…

我平常比较喜欢对一些东西做一些记录和总结，其中包括一些组件，积累的量比较多的时候，发现零散的堆积已经不太适合进行管理了。 于是我开始参考市场上一些优秀的 UI 组件库，比如 element-ui、vux、 vant等，对其源码进行拜读，了解其架构的搭建，随后整理出一套属于自己的…

我们团队的前端项目是基于一套内部的后台框架进行开发的，这套框架是基于vue和ElementUI进行了一些定制化包装，并加入了一些自己团队设计的模块，可以进一步简化后台页面的开发工作。 这套框架拆分为基础组件模块，用户权限模块，数据图表模块三个模块，后台业务层的开发至少要基于基础…

由于公司业务需求，需要开发一个展示组织架构的树组件（公司的项目是基于Vue）。在GitHub上找了半天，这类组件不多，也没有符合业务需求的组件，所以决定自己造轮子！ 那么，问题来了。递归组件怎么写？ 至此，一个简单的组织架构树组件就完成了。 然而，事情还远远没有结束。。。 我们…

各大厂开始宣布来源xxx-UI，那么如何去开发一套类似于xxx-ui的组件库用于公司的业务呢？

我们用vue，是因为它是当前业界最佳的解决方案之一，但前端技术方案迭代及工业标准化发展的浪潮，大概率不会在vue这里到达终点。 jquery没有死，它的基因已经注入浏览器标准。而webcomponent shadow dom的灵感，同样有受到vue和react的vdom技术的启…

这句话就是说，当我们在父组件设置this.name=name的时候，vue并不会直接更新到子组件中（dom的更新也一样未立即执行），而是把这些更新操作全部放入到一个队列当中，同个组件的所有这些赋值操作，都作为一个watcher的更新操作放入这个队列当中，然后等到事件循环结束的时…