远离自嗨型工业垃圾，探索和深化依然是前端年度大方向，当下前端已进入深水区，进入从标准化向成熟探索的初期阶段，前端各种操作已经开始规范化。

我们可以通过使用patch-package来对项目中的插件进行修改，补丁可以同步共同开发的前端人员。最优雅的修改开源插件包的方案！

虽然目前 Vue 已经很火了，但不可否认的是，仍有很多人刚刚开始学习使用 Vue 来构建前端项目，从生疏的初学者到熟练运用 Vue 的过程中，不可避免地会走一些弯路。为了实现某个功能，也许尝试过很多方法，最终蓦然回首，才发现当初犯下的错误是那么幼稚。然而，这些错误也正是通往成功道路上的奠基石，因此，总结这个过程很有必要。本文基于参与过的项目——绩效管理与人才库项目，总结了在实际项目中使用 Vue 组件逐渐完善的过程，旨在抛砖引玉，共同学习。

基于 vue-cli 的 Vue js 单页应用项目模板，在 vue-cli 基础上做了一些合理的修改和增强。功能包括：调试、构建、代码规范校验、单元测试、国际化等。

在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。 函数式组件是无状态，它无法实例化，没有任何的生命周期和方法。创建函数式组件也很简单，只需要在模板添加 functional 声明即可。一般适合只依赖于外部数…

初次听到 React Hooks，是在其刚发布的那几天，网上铺天盖地的文章介绍它。看字面意思是 「React 钩子」，就想当然地理解应该是修改 React 组件的钩子吧。React 延伸的概念非常多，高阶组件、函数式、Render Props、Context、等等。又来了一个新…

之前大致分析过了 vue-cli 源码 和 vue-router 源码, 这两个工具也是 vue 生态中比较重要的组件. 而最近因为业务上的需要, 接触到了 vuex 的一些组件源码. vuex 集中于MVC模式中的Model层, 规定所有的数据操作必须通过 action - mutation - state change 的流程来进行, 再结合 vue 的数据视图双向绑定特性来实现页面的展示更新:

Vuex 是一个专为 Vue 服务，用于管理页面数据状态、提供统一数据操作的生态系统。

译注：这是 3.0 最重要的 RFC，因此特意翻译成中文。 将 2.x 中与组件逻辑相关的选项以 API 函数的形式重新设计。 逻辑组合与复用 组件 API 设计所面对的核心问题之一就是如何组织逻辑，以及如何在多个组件之间抽取和复用逻辑。基于 Vue 2.x 目前的 API 我…