【实战】用 Vue3 写一个备忘录

上一章我们全方位的介绍了 Vue3，以及与 Vue3 配合使用的一些技术，现在我们已经有条件去动手开发一个项目了。技术之道简单纯粹，只有大量的敲代码才能帮助我们快速理解框架中的设计哲学和细节处理，否则只能停留在 API 的表层和文档中晦涩难懂的描述，永远不可能真正掌握。

本章我们选择从一个基础项目 —— 备忘录入手，从实际需求的角度去使用并理解 Vue3。备忘录逻辑简单，结构清晰，并且能涵盖上一章 80% 的 Vue3 功能点，因此用这个项目来巩固上章学到的知识非常合适。

项目参考 MacBook 的备忘录 App，我们仿照它的功能做一个类似的网页版备忘录。备忘录中涉及到接口的部分统统使用本地存储替代，使其保留完整的应用交互。

本项目源码已开放，查阅地址：https://github.com/ruidoc/vue3-memo

话不多说，打开编辑器，我们开始编码吧。