利用Vue-cli 3.x创建项目实现父子组建传递项目

这门课解决什么工作场景

很多做后台管理系统或者前端业务开发的人，经常会遇到一个场景：拿到一个已经搭好的工程，需要往里面加一个带交互的模块，比如一个表单或者一个列表卡片。你不想把所有逻辑都堆在一个文件里，打算拆成几个独立的组件，却发现数据传不进去，按钮点击事件也调不到父级的方法。这门课聚焦的就是这类具体问题。它围绕命令行脚手架工具创建工程，以及父子组件之间传值和调用来展开。资料没有铺开讲全部语法，而是把重点放在怎么用脚手架快速起一个工程，怎么拆分组件，以及父级怎么把数据传给子组件，子组件又怎么把操作结果回传给父级。如果你之前一直手写页面，现在被要求接手模块化的前端项目，这门课能帮你把工程化这一关补上。

适合什么基础与建议先看哪几块

这门课不适合完全没写过网页代码的人。你需要对基础的前端布局有了解，能看懂简单的脚本逻辑，最好接触过一点框架概念。如果你之前只用过原生的写法，或者只是跟着文档跑过简单的示例，但没真正在自己电脑上用脚手架建过工程，这套资料刚好合适。建议先看课程开头关于脚手架介绍和解决创建卡顿的部分，很多人自己动手时第一步就卡在环境配置上，这部分能帮你把基础环境理顺。接着看通过命令行和可视化界面创建项目的内容，这两块对照着操作，搞懂项目是怎么跑起来的。然后把重点放在自己编写组件以及父子组件传递参数的实战案例上，这部分是整套资料的核心，建议多看两遍。

学完能独立做什么与资料怎么配合练习

看完这套资料并跟着操作一遍后，你应该能独立完成这几件事：在自己电脑上用脚手架从零创建一个前端工程，把项目跑起来；在编辑器里配置好代码格式化工具，写出一个能独立运行的组件；最后实现一个带有实际交互的模块，父级能把配置参数传给子组件并在页面上显示，子组件里的操作也能通过特定机制触发父级的方法。配合练习时，建议先按资料里的步骤把环境装好，解决卡顿问题后自己建一个空项目。然后不要急着照抄案例，先尝试自己写一个最简单的组件，比如只显示一段文字，跑通之后再看父子传参的案例。看的时候把重点放在数据流向和事件触发的写法上，暂停视频，自己在编辑器里把传值和调方法的逻辑敲一遍。遇到报错不要直接跳过，对照前面配置环境那节检查是不是编辑器插件或者代码验证没配好。把这几个环节走通，你再去接手实际业务里的组件拆分，心里就有底了。