教程演示🔗

TypeScript 和 Vue 3

讲师：Ben Hong

课程时长：3小时6分钟

发布日期：2022年10月18日

课程概述： 在你的Vue项目中采纳TypeScript并不需要一蹴而就。在本课程中，你将学习到如何在Vue应用中充分利用TypeScript的优势。我们会涵盖TypeScript与Vue的options API以及Vue 3+的composition API的集成方法。

课程内容：

1. 介绍：Ben Hong向大家介绍课程内容，并分享他的个人和职业背景。此外，还讨论了工作坊的格式。
2. TypeScript简介：Ben讨论了这个工作坊是为谁设计的，包括对TypeScript和Vue感到好奇的人，以及准备学习TypeScript和Vue集成基础知识的人。
3. Repo & Vue CLI设置：Ben详细介绍了课程仓库的前提条件，对Vue CLI的变更以及建议的新的前端工具进行了讨论。此段还提供了设置课程仓库和应用程序的演示。
4. TS基础和Options API：本部分将讨论在此课程中将使用哪些API，TheNavBar组件，并演示如何声明更具描述性的prop类型。
5. 使用Composition API进行迁移：Ben演示了如何从Options API迁移到Composition API。Composition API是一组API，允许使用导入的函数编写Vue组件，而不是声明选项。
6. 事件处理与用户输入：这部分内容包括为创建新餐厅、添加餐厅和取消餐厅编写事件处理函数。
7. 状态管理：Ben展示了如何使用Pinia API进行全局状态管理。Pinia消除了对样板突变的需要，是类型安全的，并且可以对Pinia进行扩展。
8. 部署：Ben演示了如何使用Netlify部署TypeScript和Vue应用程序。
9. 总结：Ben总结了课程内容，并为下一步提供了建议，同时回答了学生关于何时迁移到TypeScript，Options还是Composition API对于大型项目哪个更好，以及是否可以导出到测试文件的问题。