Vue3-hook函数编写指南：本文的知识主要来源为本人观看vue conf上antfu演讲后做的总结和自己的经验。

你是否曾经在JavaScript代码中迷失过？ 是否曾经感到自己的代码像一团乱麻？ 别担心，这就是我们需要设计模式的时候了！ 让我们一起探索这些神奇的模式，让你的代码变得像个天才！ 序言 总体来说设计

写在前面 又是一年的毕业季，工作之余也浅叹一下，依稀记得当初因为太年轻，没有好的编码习惯也不注重编码效率，在实习阶段频繁加班的苦逼日子，今天抽空总结一下几个编程优化小Tip，给即将踏入前端俱乐部年轻的

开发过程中，经常遇到大量的if...else逻辑，这使得代码复杂、难以维护。但别担心！这里会引导你走出这个困境！

设计模式的本质是面向对象设计原则的实际运用，是对类的封装性、继承性和多态性以及类的关联关系和组合关系的充分理解。

在`Vue`中源码中，用户使用的api在底层都会被解释为一个一个的任务，例如`nextTick`、`watcher`、`computed`等等，我们传入的回调函数都会被放入到一个队列中，然后在合适的时