在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

查看官方文档才发现，不是女神太高冷，而是你没用对方法。 看来想让女神自己动，关键得用对方法。虽然在官方文档中已经给出了方法，但是在下实在好奇的紧，想要解锁更多姿势的话，那就必须先要深入女神的心，于是乎才有了去探索Vue响应式原理的想法。(如果你愿意一层一层地剥开我的心。你会发现…

使用Vue+vue-router创建单页应用十分简单, vue-router提供的功能是将组件映射到路由, 然后渲染出来. 所以vue-router需要满足两个需求 hash表示的是地址栏URL中#符号(也称作为锚点), hash虽然会出现在URL中, 但是不会被包含在Http…

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

TL,DR： 如果你的组件不需要状态，那么将其转换为函数式组件可以将性能提高70%。 函数组件(不要与 Vue 的 render 函数混淆)是一个不包含状态和实例的组件。 简单的说，就是组件不支持响应式，并且不能通过 this 关键字引用自己。 没有状态或实例，你可能会好奇如何…

现在，Vue.js已成为前端开发的热门框架。有很多工程师利用Vue.js的便利性和强大功能。但是，我们完成的某些解决方案可能未遵循最佳做法。好吧，让我们看一下那些必备的Vue技术。 1. 函数组件 创建一个函数组件非常容易，你需要做的就是在SFC中添加一个 functional…

之前也介绍过我们团队的前端项目从零开始经历8个月迭代业务代码10万行(仅为产品长期规划需求的20%)，至今仍然在不断迭代的过程。 PS: 不管对于何种语言，重构都是软件开发过程中不可或缺的一部分。如果已经了解重构的基础，可以直接跳往至文章后面的重构案例部分。 随着业务需求的不断…

代码重构是一个产品不断的功能迭代过程中，不可避免的一项工作。所谓重构，是在不改变程序的输入输出即保证现有功能的情况下，对内部实现进行优化和调整。 每个开发人员从业生涯中，或多或少的做过重构工作。小到重写一个功能函数、业务组件，大到重构一个复杂功能模块或整站重构。 重构是需要花费…