0129-马士兵前端技术之Vue框架|2-Vue第二季基础知识

先看它讲的是哪一段 Vue

这套资料对应的是 Vue 2 的第二季内容，主题集中在两块：事件与表单相关的修饰符，以及用 vue-cli 把项目从单文件页面搭起来。它不涉及 Vue 3 的组合式 API，也不讲路由和状态管理的深水区，所以如果你已经在用 Vue 3 写业务，这套内容对不上；但如果你所在团队还在维护 Vue 2 的老项目，或者你正卡在「模板能写、工程跑不起来」这一步，它的针对性就很强。

修饰符这部分是很多人写 Vue 时的模糊地带：什么时候用 .stop、.prevent、.self，按键和系统键怎么组合，表单上的 .lazy、.number、.trim 各自改变的是什么行为。这些东西单看文档能懂，落到代码里却容易写错，课程是把它们拆成独立小节逐个过一遍，适合当成查漏补缺的清单来用。

适合什么基础，先看哪几块

建议你至少写过一点 HTML 和 JavaScript，知道什么是事件监听、什么是表单输入，否则修饰符那几节会变成死记符号。完全零基础的话，先把第一季的模板语法、指令、数据绑定过一遍再进来，顺序会顺很多。

如果时间有限，可以按这个优先级安排：先看事件修饰符的上下两节，把冒泡、默认行为、自身触发这几个概念理清；接着看按键与系统修饰符，理解修饰符是可以串联的；然后跳到表单修饰符，这几节和日常写表单直接相关，回报最快。最后再看脚手架部分，包括 cli 的起步、目录结构说明，以及 npm 执行 cli 文件的过程。最后这一节偏原理，不追求一次听懂，知道命令行敲下去之后发生了什么就够了。

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

把修饰符吃透之后，你应该能独立处理这些场景：列表里嵌套点击不互相干扰、表单提交前拦住默认跳转、输入框失焦才更新数据、数字输入自动转成数值类型、去掉首尾空格。这些都是业务里反复出现的小问题，能自己写对而不是靠搜索复制，就是这一季最实际的产出。

脚手架部分的目标更明确：能自己用命令行创建一个 Vue 2 项目，看懂生成出来的目录各放什么，知道入口文件、组件目录、静态资源分别在哪，遇到启动报错时知道从哪一层去找原因。这决定了你能不能把练习从单个 HTML 文件搬进真正的工程里。

练习方式上，不建议只看不写。每看完一个修饰符小节，就在本地建一个小页面把正反两种写法都跑一遍，比如同一个点击事件加与不加 .self 的区别，亲眼看到执行次数变化比记结论有效。脚手架那几节建议跟着敲一遍完整流程，创建、启动、改一个组件、再重新启动，走通一次之后，后面自己练手就有地方放代码了。

整体来说，这套资料定位是补基础和打通工程入口，不是完整的项目实战。把它当成 Vue 2 修饰符与脚手架的手册来用，配合自己动手验证，性价比最高；指望靠它直接做出一个完整上线项目，还需要另外找带业务场景的练习来补。