Tags → #Vue
-
How Does Vue's Reactivity Work
Over the years, I have read many articles on the Vue principles. With the help of these articles, I have made multiple attempts to understand the Vue ...
-
Análisis del principio de reactividad de Vue
En los últimos años he leído muchos artículos sobre los principios de Vue, y con la ayuda de estos artículos, he intentado varias veces entender el có...
-
Vueのリアクティブ原理の解析
最近、Vueの原理についての記事をいくつか読んできました。これらの記事の助けを借りて、私も何度かVueのソースコードを理解しようと試みました。そして、自分自身でコンテンツを出力する時が来たと感じました。他の記事とは異なる視点から、皆さんにVueを紹介できればと思います。 このトピックはもちろん、複...
-
Vue 响应式原理解析
几年来看了不少 Vue 原理的文章,在这些文章的帮助下,我也多次尝试自己理解 Vue 的源码,终于,我觉得是时候自己输出一下内容了,希望可以从不同于其他文章的角度带大家熟悉 Vue。 这个专题自然是分多个部分讲解 Vue 源码,第一篇就先讲最最经典的 Vue 响应式原理吧! 在正式讲原理之前,我...
-
Vue Project Optimization
Below, I will share several optimization techniques in order of effectiveness. At the bottom, there will be a quick summary by category. I used to ...
-
Vue 项目优化
下面按优化效果由高到低分享几个优化技巧,在最下面会有分类速览,也相当于一个总结。 我也曾以为,拆分子组件是用于抽象,但实践告诉我,拆分子组件是提升性能的一种方式(特定情况)。 在我的实际工作中遇到这么个问题,有一个很大的表格,里面有多个新增条目的对话框,当数据很多的时候,**在弹框中**填写...
-
Vue 2 无视组件边界的表单校验解决方案
现成的校验库大多很重,修改也不容易,之前使用 vee-validate 这个库,也不知道是我写得有问题还是它本身机制问题,校验子组件的时候会牵涉到父组件渲染,导致校验看起来十分卡顿。 那何不自己造一个?这很麻烦吗?不!也就一百多行 js 的事情!本文就带你自己造!(嗯?结果这是 Vue 插件教程?...
-
水* vue 渲染优化
事情起因:单个页面请求了二三十个接口,数据多时展示得很慢 前置知识:事件循环 Vue 不能像 React 一样通过 `setState` 触发页面重新渲染,每当你对被页面监听的值赋值,Vue 都会把修改的值记下来,运行完**宏任务(task)**后渲染页面。 正常来说,同一个宏任务内不管赋值多...