狗阿木

在3年前发布了一篇vue2后台管理系统动态路由方案，时至今日，vue2已经升级到了vue3，动态路由的实现方案也同步做出了一些升级迭代，帮助开发者们更高效的完成业务需求，然后摸鱼🐟。

最近负责的Saas商城系统中的优惠券模块开始重构，借此机会作者也打算深入学习与理解优惠券，了解优惠券的前世今生，为后续的产品功能设计环节做好知识储备，避免浅尝辄止的借鉴竞品。

技术的目的并非技术，而是交付价值。 人们总是不自知的放大自己在团队中的价值，这样只会蒙蔽大家的视野，走到更高处，对很多事物将会有不一样的理解。

商城一直都是平台研发类的高频项目，也存在诸多含金量与难度非常大的功能点，比如购物车模块、支付模块、装修模块、商品模块、以及很多与业务相关的模块，主导此类复杂需求的开发与落地不仅可以升职加薪，

18年6月那年，我面试了10家公司，最终获得offee，0！ 今天想和正在找工作和即将毕业的同学们聊聊我当年的求职经历。

​watch即为监听：监听响应式数据，每当状态发生变化，就会触发回调函数。​如果大家对之前的源码分析有所理解的话，我相信大家可以猜到watch实现原理。

单基础类型场景的ref源码，几乎可以说是整个vue3源码中最简单的一部分，仅保留最核心逻辑，极大减低阅读难度，80行代码实现vue3 ref，让我们直接进入源码实现环节！

面对proxy无法代理基础类型数据的问题，ref又是如何实现其响应式的呢，本文将带领大家一起走进vue3源码世界，看看ref的实现原理

在本节，我将带领大家完成mini版本源码的输出，仅保留最核心逻辑，极大减低阅读难度，200行代码实现reactive + effect，话不多说，我们直接开始！