基于vue-demi处理composition-api和使用vue3的自定义compiler处理分别打包vue2、vue3，来达到同一个项目同时开发兼容vue2和vue3的组件

为什么要写这些文章呢。正如设计模式（Design Pattern）是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结（来自百度百科）一样，也是想通过分享一些工作中的积累与大家探讨设计模式的魅力所在。 用户登录系统后有一个状态标记status对应上图4种操作提示。 策…

单行简洁的代码很难维护（有时甚至难以理解），但这并不能阻止广大攻城狮们脑洞，在编写简洁的代码后获得一定的满足感。 以下我最近的一些收藏javascript精简代码集合。它们都可以在你的开发控制台中运行，你可以从控制台中查看运行结果。同时，我希望你能在评论中分享一些自己的藏品！ …

其实axios已经提供了很多很强大的api，我们在实际使用中直接调用就可以，但是每个团队每个项目调用axios的姿势不一样，特别是在一个大型的团队项目中，与后端交互逻辑迥异、配置复杂、地址繁多，所以一个风格统一化、配置灵活化、管理集中化的请求方案必不可少。 首先在项目中创建一个…

比如 v-for="user in users" v-if="user.isActive"。在这种情形下，请将 users替换为一个计算属性 (比如activeUsers)，让其返回过滤后的列表 比如 v-for="user in users" v-if="shouldShow…

react与vue的比较一直是一个比较引战与容易引起争议的话题，或许每个前端都或多或少的参与到过这场辩论中，但是在这场巨大的辩论中产出的有价值的内容却一直比较稀缺。在这里我无意再次引起争吵，只是结合我自己的经验希望尽可能客观的阐述一些我认为的两个框架上一些差别与优劣。事实上如果…

提到MVVM，很多前端开发者都会想到Vue的双向绑定，然而它们并不能划等号，MVVM是一种软件架构模式，而Vue只是一种在前端层面上的实现，其实不单在Vue里，在很多Web 框架应用里都有相关的实现。MVVM模式到底是什么呢？要说到MVVM这种模式，则必须要提及另一种大多数开发…

很多人在面试过程中都有问到Vue双向绑定的原理和实现，这是一个老生常谈的面试题了，虽然网上也有很多实现双向绑定的文章，但是我看后觉得对于大多数前端小白来说，不是很容易理解，所以，这篇文章我就用最简单的代码教大家怎么实现一个Vue的双向绑定。 我们在知道具体哪个属性改变后，要执行…

在vue angular react三大前端框架的大前端时代。许多人选择了vue，在 github 上的star，vue已经超过react的数量了。虽然star并不能代表vue更强，不过在发展速度上看来，vue确实很快。 在模块化的前端时代，万物皆组件，vue学习组件是必不可少…