如何避免写出屎山，优雅的封装组件，在面试官面前大大加分，从这篇文章开始！ 保持单向数据流 大家都知道vue是单项数据流的，子组件不能直接修改父组件传过来的props，但是在我们封装组件使用v-mode

为什么要使用 JSX 前阵子在 Vue3 项目中封装一个基础组件的时候用到了 JSX 语法，使用下来的感受就是 —— 某些场景下，JSX 的灵活性对我们编写代码还是能够带来一定的帮助的。 举两个常见的

你好，我是泰罗凹凸曼，弹窗组件是我们平时开发中使用的最多的组件之一，那么如何更优雅的使用弹窗组件，怎么样封装弹窗组件才更利于业务，怎么样让代码结构变得更清晰，已经是一个势在必行的问题了。

我们的业务组件库、工具库之类需要考虑兼容旧的 Vue 2 项目。这篇文章，就向大家展示我们开发跨版本组件库，其中的决策和实现过程。

当你右键点击网页上的某个元素时，弹出的菜单被屏幕边缘遮挡了，导致你无法看清或选择菜单项？来看看这个问题的企业级解决方案吧

遍历一颗拥有权限节点的树形结构的数据 - 当勾选父级时，会将所有子级全部勾选上，反之，亦然 - 当子级别中不全被勾选时，父级别都是半勾选状态 - 当子级别未被勾选

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

在vue的日常开发当中，我们可能会遇到这样的一种情况： 某一部分的模版需要重复利用， 但又不至于到新开1个组件的地步。这种情况该怎么办呢？

vue 提供了很多自定义指令，大大方便了我们的开发，其中最常用的也就是 v-model，他可以在组件上使用以实现双向绑定。它可以绑定多种数据结构, 今天总结一下用法 绑定单个属性 基础绑定 以 自定义