vue 3 于 2020 年 9 月 18 日正式发布。
这并非一个简单的日期，它标志着 Vue.js 框架的一次重大飞跃。我记得当时，作为一名资深前端工程师，我迫不及待地想要尝试新版本的特性。 那段时间，项目正处于一个关键阶段，迁移到 Vue 3 意味着需要仔细权衡利弊，并制定周密的计划。
起初，我并没有立即将所有项目都迁移到 Vue 3。我选择了一个相对较小的项目作为试点，这让我能够在低风险的环境下学习新 API 并解决潜在的问题。这个项目是一个内部工具，用于管理团队的任务。 迁移过程中，我遇到的主要挑战是 Composition API 的学习曲线。虽然 Composition API 提供了更灵活和可维护的代码结构，但它与之前的 Options API 有着显著的不同。 我花了几天时间研读官方文档和一些优秀的博客文章，并通过实践不断加深理解。 例如，我最初在使用 ref 和 reactive 时有些混淆，经常不小心将它们用错地方，导致数据更新出现问题。 解决这个问题的关键在于仔细理解它们之间的区别：ref 用于处理单个值，而 reactive 用于处理对象或数组。 通过反复调试和实践，我逐渐掌握了这两种 API 的用法。
另一个挑战是新版本的 TypeScript 支持。 我之前的项目使用了 TypeScript，因此在 Vue 3 中继续使用 TypeScript 是必须的。幸运的是，Vue 3 对 TypeScript 的支持得到了显著增强，这使得类型推断更加准确，代码也更加清晰易读。但初期，我也遇到了一些类型定义方面的小问题，这些问题通常可以通过仔细检查代码和查阅 TypeScript 文档来解决。 记得有一次，我因为一个类型定义错误，导致整个组件都无法正常工作，这让我意识到，在使用新技术时，严谨的代码规范和充分的测试是多么重要。
此代码么有依靠js文件实现的，而且大图和小图是分开的，这样用户在打开网页的时候能节约不少时间和流量 此代码实现方法也很简单，可以直接把index.html和images下面的文件拷贝到你需要运行的位置，然后保存即可，images下面的大图和小图按照你的需求来改，也可以给大图增加链接。
立即学习“前端免费学习笔记（深入）”；
最终，我成功地将这个小型项目迁移到了 Vue 3，并从中积累了宝贵的经验。 这段经历让我对 Vue 3 的强大功能和易用性有了更深刻的认识，也为后续更大规模的项目迁移奠定了坚实的基础。 现在，我已经将多个项目成功升级到 Vue 3，并充分利用了其性能提升和新特性带来的优势。 总的来说，Vue 3 的发布是一个重要的里程碑，它为前端开发带来了许多改进和创新，值得所有 Vue 开发者去探索和学习。
