学习路径

HTML（超文本标记语言）

1. 能写出基本网页结构；
2. 理解常用标签：<div>, <span>, <input>, <form>, <ul>/<li> 等

CSS（层叠样式表）

Vue 组件中的 <style> 部分就是写 CSS。

1. 能设置颜色、字体、布局（如 display: flex）
2. 理解选择器、盒模型、响应式基础（@media）
3. 不需要精通，但要能“让页面看起来像样”

JavaScript（核心！必须掌握）

1、基础语法

1. 变量声明：let, const
2. 数据类型：字符串、数字、布尔值、数组、对象
3. 条件语句：if/else
4. 循环：for, forEach
5. …

2、函数

1. 普通函数、箭头函数
2. 参数与返回值
3. 回调函数（callback）

3、对象与数组操作

// 对象
const people = { name: '张三', age: 25 };
console.log(people.name);

// 数组
const list = [1, 2, 3];
list.push(4);

DOM 基础

1. 知道 document.getElementById() 是干什么的
2. 理解“网页是由 JS 动态操作的”这个概念
3. Vue 中几乎不用直接操作 DOM，但你要知道传统方式是怎么做的，才能理解 Vue 的优势。

ES6+ 新特性

ES6 是 ECMAScript 6 的简称，它是由 ECMA 国际标准组织在 2015 年 发布的 JavaScript 语言标准。它的官方名称是 ECMAScript 2015

至少学到 Promise 和 async/await（用于网络请求），这是 Vue 开发中天天用的。

1. 解构赋值 const { name } = user;
2. 模板字符串 const msg = `你好, ${name}`;
3. 箭头函数 const add = (a, b) => a + b;
4. 模块化（import/export） import MyComponent from './MyComponent.vue'

总结学习路径：