资料介绍
这套「Vue系统学习资料包」专为前端基础零散、想系统入门 Vue 的学习者设计。资料按学习顺序分为前端基础补齐、Vue 入门、核心语法、组件化、Vue Router、Pinia、Axios、项目实战、复习速查与阶段测试等模块。每个章节都有独立笔记,配套练习题、闪卡和综合测试,帮助你边学边练、及时复盘。通过 TodoList、博客列表、后台管理系统等项目,你可以把零散知识串成完整开发能力,逐步掌握 Vue 真实项目开发流程。
知识结构
- Vue教程
- 03_Vue核心语法
- 08_computed计算属性 (note)
- 06_v-model表单绑定 (note)
- 09_watch监听器 (note)
- Vue核心语法练习题 (choice)
- 02_v-bind属性绑定 (note)
- 04_v-if与v-show条件渲染 (note)
- 07_ref与reactive响应式数据 (note)
- 05_v-for列表渲染 (note)
- 01_模板语法与插值表达式 (note)
- 03_v-on事件绑定 (note)
- 05_Vue_Router路由
- 01_什么是前端路由 (note)
- 05_嵌套路由 (note)
- 02_安装与配置Vue_Router (note)
- 03_路由跳转 (note)
- 04_动态路由参数 (note)
- 06_路由守卫入门 (note)
- 路由练习题 (choice)
- 09_复习资料与速查表
- 03_组件通信方式总结 (note)
- 01_Vue常用指令速查表 (note)
- 06_常见错误排查 (note)
- 02_Composition_API速查表 (note)
- 04_Vue_Router速查表 (note)
- 05_Pinia速查表 (note)
- 01_前端基础补齐
- 01_HTML基础复习 (note)
- 02_CSS核心基础 (note)
- 04_JavaScript基础语法 (note)
- 06_DOM与事件基础 (note)
- 前端基础练习题 (choice)
- 03_Flex布局入门 (note)
- 05_ES6常用语法 (note)
- 02_Vue入门与环境搭建
- 02_为什么使用Vue (note)
- 01_Vue是什么 (note)
- Vue入门练习题 (choice)
- 03_Vite创建Vue项目 (note)
- 05_第一个Vue页面 (note)
- 04_Vue项目目录结构 (note)
- 00_学习路线与使用说明
- 00_资料包使用说明 (note)
- 01_Vue学习路线图 (note)
- 02_四周学习计划 (note)
- 03_学习打卡表 (note)
- 07_Axios接口请求与业务开发
- 05_新增编辑删除流程 (note)
- 06_登录接口流程 (note)
- 02_Axios安装与使用 (note)
- 01_接口请求基础 (note)
- Axios练习题 (choice)
- 03_async与await (note)
- 04_列表数据渲染 (note)
- 08_项目实战
- 02_博客列表项目
- 03_接口数据渲染 (note)
- 04_项目复盘 (note)
- 02_路由设计 (note)
- 01_项目目标 (note)
- 01_TodoList项目
- 01_项目目标 (note)
- 04_项目复盘 (note)
- 02_功能拆解 (note)
- 03_实现步骤 (note)
- 03_后台管理系统基础版
- 04_菜单与路由 (note)
- 02_页面结构设计 (note)
- 05_表格与表单 (note)
- 01_项目目标 (note)
- 03_登录模块 (note)
- 06_项目复盘 (note)
- 10_测试与闪卡
- Vue核心概念闪卡 (flashcard)
- Vue选择题综合测试 (choice)
- Vue填空题综合测试 (fill_blank)
- Vue主观题与面试题 (qa)
- Vue阶段综合测试 (comprehensive)
- Vue基础闪卡 (flashcard)
- 04_组件化开发
- 06_组件拆分思路 (note)
- 07_TodoList组件拆分案例 (note)
- 02_单文件组件SFC (note)
- 05_组件插槽slot (note)
- 01_什么是组件 (note)
- 组件化练习题 (choice)
- 04_子传父emit (note)
- 03_父子组件传值props (note)
- 06_Pinia状态管理
- 06_用户登录状态案例 (note)
- 01_为什么需要状态管理 (note)
- Pinia 练习题 (choice)
- 02_安装与创建Pinia (note)
- 04_getters计算状态 (note)
- 03_state状态 (note)
- 05_actions修改状态 (note)