但是当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀！！！ 就是自己把功能实现一遍，这对于我自己的收获也是巨大的。因为你要想实现这个功能的话，你必须要先理解，然后才可以把代码写出来。 …

最近做年终活动，许愿的时候希望可以以弹幕的形式出现。 以下一步步，说明弹幕逻辑。本文的弹幕较为简单，重在说明弹幕逻辑。 先写段静态的文字。 但是一行通常不止一个弹幕，肯定不能block，所以这里的bullet-item需要处理下，这里我用定位的方式（主要为了之后的弹道，定位更方…

在上一篇哔哩哔哩面试官：你可以手写 Vue2 的响应式原理吗？中，我们已经了解了Vue2中的响应式原理并且动手实现了其核心逻辑。但是Vue2的响应式原理是存在一些缺点的： 而Vue3使用ES6的Proxy特性来解决上面这些问题，本篇文章我将带大家深入了解Vue3的响应式原理并在…

1. Vue2的局限性 2. 如何使用CompositionAPI解决问题 最佳的解决方法是将逻辑聚合就可以很好的代码可读性。 这就是我们的CompositionAPI语法能够实现的功能。CompositionAPI是一个完全可选的语法与原来的OptionAPI并没有冲突之处。…

可以看到此时是往全局options也就是Vue.options中扩展我们传入的内容东西。 这里就是将Vue.options和组件定义的options合并成组件的options。 在src/core/util/options.js中，mergeOptions 主要功能就是把 pa…

相信实际项目中用过vue的同学，一定对vue中父子组件之间的通信并不陌生，vue中采用良好的数据通讯方式，避免组件通信带来的困扰。今天笔者和大家一起分享vue父子组件之间的通信方式，优缺点，及其实际工作中的应用场景 prop通信方式大家最常见的，也是最常用的父子组件通信类型，我…

随着前端标准化的发展，目前主流浏览器对很多JS新特性都普遍支持了，其中一些新特性不仅解决了很多技术上的实现难题，还带来了更好的性能提升。 在Vue3中，最重要也更为人所知的就是ES6的Proxy。 我们知道，在Vue2中对数据的侦听劫持是在组件初始化时去遍历递归一个对象，给其中…

想要搞明白 Vue3 的 DOM Diff 核心算法，我们要从一道 LeetCode 真题说起。 LeetCode 真题 300. 最长上升子序列 给定一个无序的整数数组，找到其中最长上升子序列的长度。 可能会有多种最长上升子序列的组合，你只需要输出对应的长度即可。 你算法的时…

任何事情都需要时间的沉淀，技术也不例外，今天编写Vue3.0系列的章节文章，只是希望能够比别人更早的去尝鲜一些新的技术，毕竟Vue3.0已经Beta版本了，所以里正式版本也不远了，提前去学习和了解，我们就会比别人有更多的时间去充分理解Vue3.0的特性，只有当你真正理解一门技术…