貌似在面试中，你如何设计一个 react/vue 组件，貌似已经是司空见惯的问题了。本文不是理论片，更多的是自己的一步步思考和实践。文中会有很多笔者的思考过程，欢迎评论区多多交流和讨论。 从需求讨论、技术方案探讨到编码、到最终的测试，经历过了很多次的脑暴，也遇到过非常多的坑，其…

项目使用的是vue框架，需要一个markdown的编辑框，就在npm上找了一下，发现simplemde挺不错的，由于我比较懒，就顺便在npm又搜了一下，找到了vue-simplemde这个package，那就开始使用它吧。 但是这个vue-simplemde不支持图片拖拽上传、…

很有幸，将自己有使用过的，也是标准组件库里可能没有的组件封装成了一个小小的组件库，没想到start数破百了，vue-gn-components，接下来就是一步步丰富这个项目了~。期待大家的start~，这也是我持续丰富这个组件库源源不断的动力！ 首先第一个添加的是一个拖拽组件，…

Vue 组件千千万，只要不行咱就换。 我的答案是：耐心等待更新，不要着急不要惊慌，团队核心成员依然在进行项目的更新，下一代 Element Plus https://github.com/element-plus/element-plus 也在持续迭代中。 先抛开大不大厂不说，…

JSX是React出的一种对JavaScript的语法扩展。 在Vue中大多数情况推荐使用模板语法，通过template中的Vue指令进行快速开发。但是template也是存在一些缺陷的，扩展难度大，造成逻辑冗余。这时候我们就需要JavaScript的完全编程能力，结合rend…

此时父组件中是能接收到 name, 但是我还必须获取到 当前的行数据row, 如果直接在上面基础上写 :handleCommand="handleChangeCharac(row)" 这时是会覆盖 name 结构还是只能操作一个对象而不是两个。 导致出现问题的原因：子组件中通过…

JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析. 想折腾一下呗,开玩笑.最开始是因为近期在学习react,在里面体验了一把jsx语法,发现也并没…

为什么要在Vue中使用jsx呢，首先我们需要了解JSX是什么，它解决了什么问题，最后如何使用它。 可以将 模版分离 这样模版的每个部分更加独立，又可以随机的组合，复用性更高。相比与组件的组合，粒度更细 虽然了解了jsx的相关定义，可能对它还是比较陌生，首先要知道无论在 Vue中…