性能优化最常见的落脚点是在网络和dom上，但是在大数据量的场景下，由于Vue本身的特性，可能会造成js运行层面的性能问题，这篇文章讨论的就是针对这一部分的性能优化方案。 如以上代码所示，模拟了5万个用户，每一个用户拥有id, name, age等等字段。 jsfiddle 打开…

VuePress 基于 Vue 的静态网站生成器。它诞生的初衷就是为了支持 Vue 及其子项目的文档需求。

组件库这个词在前端领域相信所有人都不会陌生。像 element-ui vant 等等... 都是社区比较优秀的组件库，那我们能不能自己也搞一个组件库呢？能！必须能！那今天咱们就来盘一盘。

近期在某平台开发迭代的过程中遇到了超长List嵌套在antd Modal里加载慢，卡顿的情况。于是心血来潮决定从零自己实现一个虚拟滚动列表来优化一下整体的体验。 首先我们需要定义几个变量/名称。 vListContainer 为可视区域的容器，具有 overflow-y: au…

权限设计的出发点在于，让不同权限的用户，看到的内容、可实现的操作是不同的,到具体设计上来说，可以分为路由级权限和按钮级权限。本文使用 vue 进行前端按钮级权限控制的实现。

本文介绍了路由的一些常识，并手写了一个精简版VueRouter，和绝大多数手写文章不同的是，这里代码是完全以源码为标准实现的，彻底搞懂核心源码之外，后面看真正的源码可以毫不夸张的说：纵享丝滑！

前言 前面我们学习了模板编译中的解析器，这次我们将学习优化器。 优化器 什么是静态子树？ 静态子树指的是那些在 AST 中永远都不会发生变化的

Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 后续 Vue 3.x 出来后持续更新. 3. 14种组件通讯 provide 和 inject 主要为高阶插件/组件库提…

由于v-model和前面介绍的插槽，事件一致，都属于vue提供的指令，所以我们对v-model的分析方式和以往大同小异。分析会围绕模板的编译，render函数的生成，到最后真实节点的挂载顺序执行。最终我们依然会得到一个结论，v-model无论什么使用场景，本质上都是一个语法糖。…