拆分组件 我曾以为，拆分子组件只是用于抽象，但实践告诉我，拆分子组件是提升性能的一种方式。 在我的实际工作中遇到这么个问题，有一个很大的表格，里面有多个新增条目的对话框，当数据很多的时候，填写新增数…

这篇文章主要介绍的就是 Vue 异步更新相关的原理。本篇的核心理解起来没有响应式原理难，重点就是两个字队列。 异步更新 为什么需要异步更新？ 想想嘛，根据前一篇解析的 Vue 响应式原理，响应式数据…

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

下面按优化效果由高到低分享几个优化技巧，在最下面会有分类速览，也相当于一个总结。 拆分组件 我也曾以为，拆分子组件是用于抽象，但实践告诉我，拆分子组件是提升性能的一种方式（特定情况）。 在我的实际工…

现成的校验库大多很重，修改也不容易，之前使用 vee-validate 这个库，也不知道是我写得有问题还是它本身机制问题，校验子组件的时候会牵涉到父组件渲染，导致校验看起来十分卡顿。 那何不自己造一…

事情起因：单个页面请求了二三十个接口，数据多时展示得很慢 前置知识：事件循环 Vue 不能像 React 一样通过 触发页面重新渲染，每当你对被页面监听的值赋值，Vue 都会把修改的值记下来，运行…

如何使用 是一个极其常用的 标签属性，使用后这一块样式能“神奇地”只应用在当前单文件组件，不会干扰到其父子组件。 其原理其实很简单，只要加上了 ，当前文件所有元素（不包括调用的其他组件）都会加上…

在此之前，子组件到父组件的传递事件我一般还是使用 和 ，因为这个操作理解起来并不难，代码一般也挺清晰。 不过今天遇到这么个情况 —— 这是一个评论组件的一部分， 是回复、修改、删除 3 个按钮，点…