在最近对公司某项目的维护中，我们发现存在大量的表单提交模块。由于团队交接和多人维护，这些模块中充斥着重复代码和冗余逻辑，增加了维护的难度。为了解决这些问题，我们对项目进行了重构。

前言 Vue递归组件用于在组件内部调用自身，以实现树状结构或嵌套结构的渲染。 常见用途：树形菜单、文件目录、评论回复、组织结构图。

需求简介 这几天接了个新项目，需要实现下图中左侧边栏的菜单切换。这种功能其实就是一个折叠面板，实现方式多种多样。 实现上面的功能，无非就是一个v-show的事儿，但没有过渡，会显得非常生硬。想添加一些

vue3.4后,在表单元素的双向绑定依旧是使用v-model,在自定义组件中使用v-model时,在子组件中直接使用defineModel就能读取和修改父组件中的值

序 vue3也发布很长时候了，官方也将默认版本切换为vue3，而且也出现了完善的中文文档，不知同志们是否已经使用了了呢？ 本渣体验了一段时间，还是相当的丝滑，些许开发经验奉上,望大家能早点下班 也可以

Vue页面保活是指在用户离开当前页面后，可以在返回时恢复上一次浏览页面的状态。这种技术可以让用户享受更加流畅自然的浏览体验，而不会被繁琐的操作打扰。但是，为了让页面保活更加稳定，我们需要选择最佳实践。

试想一下，你是否曾为Dialog的使用方式感到头疼🤺？一个Hook让你体验极致舒适的Dialog使用方式！🚀🚀🚀你确定不进来看看？现在就来体验一下吧，我向你保证，一旦尝试过，你将永远不会回头！

工作中，刚好接手到一个需求，类似抖音出品的飞书软件中，组织架构选人的组件实现。看着似乎有些难度，但是仔细分析后，发现并不是很难，而且还跟我的另外一篇Vue: 如何实现树状收展及勾选联动功能，同样的原理

之前页面少的话 用keep-live结合router-view，使用keep-live的include属性就可以自己决定keep-live缓存那些组件不缓存那些组件，直到遇到个问题。 平时写的代码如下