首发传送门：[链接]拆分组件我也曾以为，拆分子组件是用于抽象，但实践告诉我，拆分子组件是提升性能的一种方式（特定情况）。在我的实际工作中遇到这么个问题，有一个很大的表格，里面有多个新增条目的对话框，当数据很多的时候，填写新增数据都会变卡。原因就是，在一个组件里，修改值会造成整个组件的数据检查和 diff...

几年来看了不少 Vue 原理的文章，在这些文章的帮助下，我也多次尝试自己理解 Vue 的源码，终于，我觉得是时候自己输出一下内容了，希望可以从不同于其他文章的角度带大家熟悉 Vue。

scoped 是一个极其常用的 <style> 标签属性，使用后这一块样式能“神奇地”只应用在当前单文件组件，不会干扰到其父子组件。

这是一个评论组件的一部分，button-group 是回复、修改、删除 3 个按钮，点击回复的话下面的 CommentInput 组件会显示。本来想着在那里操作就在哪里取消，但是写完了，产品大人一看，表示不行，按钮不能在上面，应该统一放在评论内容和输入框的下方，不妥协。

原文链接：[链接] 默认此文读者明白简单的 Vue 底层原理，对此陌生的读者可以先看： 你不知道的 Vue 响应式原理 从 vue 源码看观察者模式 此文使用的 Vue 版本是 2.0+，在线例子看这里，下面顺便也把关键代码贴出来。 {代码...} 提出问题 最近的项目大量接触到动态新增的数据，觉得必须要搞清楚到底什么时候 vue 会让视...

记得四个月前有一次面试，面试官问我 MVVM 是什么，MVVM 的本质是什么。我大脑一片混乱，那时我对 MVVM 的认知就只是“双向绑定“和“Vue”，以这个关键字简单回答了几句，我反问 MVVM 的本质是什么，对方就重复一次双向绑定。我怎么觉得对方也没懂就随便这么一问呢...

PWA（Progressive Web Apps）虽然是网页应用，但是可以带来媲美原生的用户体验，其中包含离线可用，后台推送等功能。PWA 不是一个新名词，早在 2015 年已经提出这个思想，但是直到 iOS12 的发布，PWA 终于可以在 iOS 中添加到主屏，只有安卓和 iOS 都能使用 PWA 的基本功能，它才算是真的开始走近大众。想了解 PWA，可以...

原文 Vue.js Internals: How computed properties work 这篇文章我们我会用很简单的方法来实现类似计算属性的效果，以此学习Vue.js的计算属性的运行机制。 这个例子只说明运行机制，不支持对象、数组、watching/unwatching等Vue.js已实现的一大堆优化 看完源代码带着我有限的理解写的这篇文章，可能会有一些错误，如发现...

我们可以将同一函数定义为一个 method 而不是一个计算属性。对于最终的结果，两种方式确实是相同的。然而，不同的是计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不...

本功能适用于浏览器正在写一个web app，经常用到comfirm，为了UI的整体一致，还是想自己写一个component。第一次尝试，感觉是个失败经历了......