这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

Vue3发布已经有段时间了，相比Vue2做了特别多的优化。但具体好在哪里呢，除了开发者用得爽之外，框架底层的优化需要我们通过研究源码才能有切身体会。 本文主要是通过源码层面来对比 Vue3 和 Vue2，思考与总结新的 Vue3 做了哪些优化，这些优化好在哪里。 1. 初始化 …

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

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人灭口之必备良药。目前vite已经是正式版，相关的生态正在迅速繁荣起来，我也第一时间在工程化方面做了一些探索…

这是一篇纯技巧向的文章，跟一年多之前的《揭秘 Vue-3.0 最具潜力的 API》一样_[0]_，更少的背景铺垫，更多的代码，更多的 demo，更快的节奏。 让我们直接进入主题。 前一阵子，有开发者发推特表示用 Svelte 实现跟 React 一样的功能_[1]_，代码简洁很…

众所周知，Vue3.0带来了一个全新的特性——Composition API。字面意思就是“组合API”，它是为了实现基于函数的逻辑复用机制而产生的。 动画的创意来自网络，但如果只是拿人家的视频转成Gif，那就显得我太没有诚意了。

今天，Vue Router 4 正式发布稳定版本。 在经历了 14 个 Alpha，13 个 Beta 和 6 个 RC 版本之后，Vue Router v4 闪亮登场，为你带来了 TypeScript 集成、新功能以及对现代应用程序的一致性改进，已经准备好成为 Vue3 新应…

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

上文是前段时间写了一篇根据公司的业务需求我是如何封装组件，也算是对那段忙碌的工作一份小小的总结吧。有时在忙碌的开发过程之后，我们需要停下脚步去思考自己写的代码是否具有可读性？是否还可以再健壮一些？同时也要去总结业务，回过头来看看自己在业务的需求的基础上去设计的组件代码是否是合理…