2022-02-24#coding#Vue

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

2021-09-03#coding#Vue

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

2021-07-25#coding#Vue

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

2021-04-17#coding#Vue

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

2021-03-10#Vue

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

2020-09-18#水系列#Vue

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

2019-12-12#coding#Vue

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

2019-10-16#coding#Vue

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