这门课解决什么问题：从写静态页面到做动态应用

很多前端初学者卡在这样一个阶段：能写 HTML 和 CSS，也能用 JavaScript 写点简单的交互，但面对真正的业务需求，比如一个带商品列表、购物车、订单结算的页面，就不知道怎么把数据和界面组织起来。这门 Vue3 课解决的就是这个断层。它不是讲怎么切图，而是讲怎么用框架把数据、视图和交互逻辑分层管理。课程后半段的外卖项目，本质上是把前面学到的组件、状态管理、接口请求拼到一个真实业务场景里跑通，让你明白这些知识点在项目里到底怎么配合。

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

资料里明确写了需要会 HTML+CSS+JS，这个前提得当真。如果你连 JavaScript 的数组方法、事件监听都不熟，直接看 Vue3 会很吃力，因为框架里的很多写法本质上是 JS 语法的封装。基础够的话，建议先看环境搭建和模板语法这两块，把开发环境跑起来，写第一个页面，确认工具链没问题。然后重点看事件处理、计算属性、监视属性这三个部分，这是 Vue3 日常开发里用得最多的东西，外卖项目的购物车逻辑基本就靠这几个概念撑起来。课程里穿插的面试题部分，比如双向绑定和 MVVM 模型，初学时看一遍有个印象就行，不用死磕原理，等做完项目再回头看会理解得更深。

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

学完这门课，你应该能独立用 Vue3 搭一个中等复杂度的单页应用——不是那种只有一两个页面的 demo，而是有多个路由、有数据请求、有状态共享的完整项目。外卖项目里的商品分类联动、数量加减、购物车结算这些功能，如果你能不看视频自己写一遍，说明基本掌握了。资料配合练习的方式建议这样：视频先快速过一遍核心知识点，不要边看边敲，先理解概念；然后打开外卖项目的需求，自己尝试写，卡住了再回去找对应的视频片段看。计算属性和监视属性那几节值得反复看，因为很多人做项目时不知道该用哪个，实际写几次购物车逻辑就分清了。环境搭建部分如果遇到版本问题，以课程里用的版本为准，不要急着升级最新版，避免踩兼容性的坑。


初中级前端工程师必备技术||需要会HTML+CSS+JS即可||零基础学vue3框架的同学||从0到1教你做Vue3项目零基础教你掌握vue3框架|| 全方位

课程目录

*   课程简介和初始Vue/

  *   Vue3零基础到项目实战课程简介

  *   详解Vue到底是什么？

*   开发环境搭建与初识Vue/

  *   详解搭建Vue开发环境

  *   用Vue写第一个helloword

  *   玩转Vue中模板语法

  *   【面试】深入理解Vue中的双向数据绑定

  *   【面试】剖析MVVM模型在Vue中的使用

  *   【面试】Vue中的数据代理你知道多少？

*   全⾯剖析Vue核⼼知识点上/

  *   详解Vue中的事件处理和常用的事件修饰符

  *   详解Vue中的计算属性

  *   详解Vue中的监视属性

  *   【面试】对比计算属性和监视属性异同

  *   掌握Vue中class样式的动态绑定

  *   掌握Vue中style样式的动态绑定

*   全⾯剖析Vue核⼼知识点下/

  *   掌握Vue中的条件渲染

  *   掌握Vue中的列表渲染

  *   【面试】维护状态key的作用和原理

  *   掌握Vue中列表过滤

  *   掌握Vue中列表排序

  *   讨论并解决Vue中数据的更新问题上

  *   讨论并解决Vue中数据的更新问题下

  *   详解开发常用表单数据的绑定

  *   详解Vue指令v-text和v-html

*   【⾯试】深⼊理解Vue中的⽣命周期函数/

  *   认识Vue中的生命周期函数

  *   详解生命周期的初始化流程

  *   详解生命周期的更新流程

  *   详解生命周期的销毁流程

  *   回顾总结Vue的生命周期流程

*   实际开发使⽤的Vue脚⼿架/

  *   初始化创建Vue脚手架

  *   分析Vue脚手架结构信息

  *   详解vue初始项目文件

  *   详解Vue的配置文件修改

*   深⼊理解上⼿Vue的组件化编程/

  *   详解Vue组件化编程

  *   详解组件的全局注册与局部注册

  *   Vue脚手架开发必备的单文件组件

  *   深入剖析Vue父子组件的传值上

  *   深入剖析Vue父子组件的传值下

  *   【面试】必须掌握的任意组件间通讯（全局事件总线）

  *   怎么使用Vue中的插槽？

  *   实现Vue组件中的复用功能—混入（mixin）

*   实现Vue规模化路由的使⽤/

  *   深入理解路由的概念

  *   玩转路由的基本使用

  *   深度剖析路由的嵌套

  *   实现路由的传参上

  *   实现路由的传参下

  *   怎么实现编程式路由导航？

  *   实际开发中必备的路由缓存和全局前置路由

*   玩转Vue的状态管理模式Vuex/

  *   玩转Vue的状态管理模式Vuex

  *   上手搭建Vuex运行环境

  *   使用Vuex实现一个小案例

  *   通过Vuex实现多组件的数据通讯

  *   实现store的计算属性—getters

*   【Vue3】的初识和项⽬搭建/

  *   认识Vue3和项目搭建

  *   项目工程文件介绍与Devtools安装

*   【Vue3】详解常⽤Composition API/

  *   走进Vue3的世界—setup

  *   实现数据的响应式—ref函数

  *   实现数据的响应式—reactive函数

  *   剖析setup函数的执行时机和两个参数

  *   掌握setup中的计算属性—computed函数

  *   掌握setup中的监视属性—watch函数上

  *   掌握setup中的监视属性—watch函数下

  *   认识setup中的watchEffect函数

*   【Vue3】掌握⽣命周期函数和数据处理/

  *   掌握生命周期函数和数据处理

  *   掌握Vue3中的toRef和toRefs函数

  *   多层嵌套的组价间的通讯—provide和inject

*   第⼗三章【Vue3】仿美团项⽬开发《上》/

  *   仿美团项目之需求分析

  *   仿美团项目之项目搭建和初始化配置

  *   仿美团项目之模块化路由的使用上

  *   仿美团项目之模块化路由的使用下

  *   仿美团项目之首页开发上

  *   仿美团项目之首页开发下

  *   仿美团项目之店铺开发-标签切换

  *   仿美团项目之店铺开发-左侧商品分类

  *   仿美团项目之店铺开发-商品的选购

  *   仿美团项目之店铺开发-商品的导航

*   第⼗四章【Vue3】仿美团项⽬开发《中》/

  *   仿美团项目之购物车开发-商品列表

  *   仿美团项目之购物车开发-结算功能《上》

  *   仿美团项目之购物车开发-结算功能《下》

  *   仿美团项目之购物车开发-编辑功能《上》

  *   仿美团项目之购物车开发-编辑功能《下》

  *   仿美团项目之生成订单开发上

  *   仿美团项目之生成订单开发下

  *   仿美团项目之订单页面开发

  *   仿美团项目之地址管理开发上

  *   仿美团项目之地址管理开发下

*   第⼗五章【Vue3】仿美团项⽬开发《下》/

  *   仿美团项目之个人中心页面开发

  *   仿美团项目之注册登录开发上

  *   仿美团项目之注册登录开发下

  *   仿美团项目之账号管理开发

  *   仿美团项目之axios请求数据动态展示