在前面的课程中，我们学习了 Vue 工程化的基础内容、TS、ElementPlus，那接下来呢，我们要通过一个案例，加强大家对于 Vue 项目的理解，并掌握 Vue 项目的开发。 这个案例呢，就是我们之前所做的 Tlias 智能学习辅助系统。
在这个案例中，我们主要完成 部门管理 和 员工管理 的功能开发。 而今天呢，我们先来完成部门管理的功能开发，而在完成部门管理的功能开发之前，先需要完成基础的准备工作。 所以今天的课程安排如下：
在之前的课程中，我们介绍过，现在的企业项目开发有 2 种开发模式：前后台混合开发 和 前后台分离开发。
前后台混合开发，顾名思义就是前台后台代码混在一起开发。这种开发模式有如下缺点：
所以我们目前基本都是采用的前后台分离开发方式，如下图所示：
我们将原先的工程分为前端工程和后端工程这 2 个工程，然后前端工程交给专业的前端人员开发，后端工程交给专业的后端人员开发。
前端页面需要数据，可以通过发送异步请求，从后台工程获取。但是，我们前后台是分开来开发的，那么前端人员怎么知道后台返回数据的格式呢？后端人员开发，怎么知道前端人员需要的数据格式呢？