**Vue进阶课程导读：从脚手架到工程化思维的全面跃迁**

在前端开发的浩瀚图谱中，Vue.js 凭借其优雅的设计与灵活的生态，已成为构建现代用户界面不可或缺的利器。对于已经掌握 Vue 基础语法的开发者而言，如何将零散的知识点串联成可落地的工程能力，是迈向高级开发的必经之路。《Vue进阶课程》正是为这一关键转型期量身打造的体系化指南，旨在帮助学员跨越“会用标签”到“能建项目”的鸿沟，深入理解企业级 Vue 应用的构建逻辑与最佳实践。

本课程并非简单的 API 罗列，而是一次从工具链到架构设计的深度巡礼。课程伊始，我们将带你走进 **Vue CLI 脚手架工具**的世界。在真实的项目开发中，手动管理依赖与配置不仅效率低下，更难以应对复杂的构建需求。通过本课，你将掌握如何初始化项目、配置 webpack 行为以及优化构建性能，从而搭建起稳固的开发底座。这不仅是工具的切换，更是工程化思维的初步建立。

紧接着，课程将引导你拆解一个标准 Vue 项目的**目录结构**。理解 `src`、`public`、`assets` 等文件夹的职责划分，认识 `.babelrc`、`vue.config.js` 等配置文件的作用，是编写可维护代码的前提。许多初学者往往忽略结构规范，导致后期维护成本倍增。本课将帮你建立起清晰的项目骨架认知，让代码组织有据可依。

随后，我们将深入探讨 **单文件组件（SFC）** 的核心奥秘。`.vue` 文件将模板、脚本与样式封装于一体，极大地提升了组件的内聚性与可读性。课程将详细解析 `<template>`、`<script>` 及 `<style>` 的交互机制，包括 scoped 样式隔离原理、组件通信的高级技巧以及生命周期钩子的精准运用。你将学会如何设计高复用、低耦合的组件，这是构建复杂 UI 系统的基石。

路由部分是 SPAs（单页应用）的灵魂。课程重点讲解 **Vue Router** 的基本用法，并深入剖析 **Hash 模式与 History 模式**的本质区别及适用场景。你是否困惑过为何有时 URL 中带“#”，有时却干净利落？本课将通过对比分析，让你掌握 URL 设计对用户体验及后端部署的影响，并能根据项目需求灵活切换路由模式。此外，还会涉及 `router-link` 的高级配置与 Router 实例的构建细节，确保你的导航逻辑严密且高效。

《Vue进阶课程》适合希望突破技术瓶颈、向全栈或高级前端发展的 Vue 学习者。无论你是正在筹备独立项目，还是希望融入企业级开发流程，这门课都将为你提供从环境搭建到核心概念的全方位支撑。告别碎片化学习，在这里重新定义你对 Vue 的认知，开启进阶之旅。

课程目录

1 第一课 vue进阶课程介绍 1 (11:40)
2 第二课 VueCLI脚手架工具介绍与使用 1 (13:25)
3 第二课 VueCLI脚手架工具介绍与使用 2 (09:00)
4 第二课 VueCLI脚手架工具介绍与使用 3 (11:11)
5 第二课 VueCLI脚手架工具介绍与使用 4 (10:29)
6 第三课 项目目录结构介绍 1 (07:41)
7 第三课 项目目录结构介绍 2 (15:19)
8 第四课 单文件组件介绍 1 (06:25)
9 第四课 单文件组件介绍 2 (07:08)
10 第四课 单文件组件介绍 3 (09:55)
11 第五课 路由与基本使用 1 (06:02)
12 第五课 路由与基本使用 2 (18:20)
13 第六课 hash与history模式 1 (15:33)
14 第七课 router-link配置与Router构建选项 1 (05:11)
15 第七课 router-link配置与Router构建选项 2 (10:20)
16 第七课 router-link配置与Router构建选项 3 (04:44)
17 第七课 router-link配置与Router构建选项 4 (03:15)
18 第七课 router-link配置与Router构建选项 5 (04:00)
19 第七课 router-link配置与Router构建选项 6 (05:42)
20 第七课 router-link配置与Router构建选项 7 (07:44)
21 第八课 命名路由 1 (05:09)
22 第九课 重定向与别名 1 (05:28)
23 第九课 重定向与别名 2 (04:23)
24 第十课 嵌套路由 1 (07:13)
25 第十课 嵌套路由 2 (09:43)
26 第十一课 命名视图 1 (07:18)
27 第十二课 动态路由匹配 1 (09:42)
28 第十二课 动态路由匹配 2 (10:22)
29 第十二课 动态路由匹配 3 (05:39)
30 第十三课 编程式导航 1 (07:51)
31 第十三课 编程式导航 2 (07:52)
32 第十三课 编程式导航 3 (10:11)
33 第十四课 路由组件传参 1 (08:59)
34 第十四课 路由组件传参 2 (07:58)
35 第十五课 滚动行为 1 (09:29)
36 第十五课 滚动行为 2 (04:25)
37 第十六课 自定义指令 1 (06:46)
38 第十六课 自定义指令 2 (09:59)
39 第十六课 自定义指令（小练习） 3 (19:32)
40 第十七课 过滤器 1 (09:41)
41 第十七课 过滤器 2 (06:31)
42 第十八课 动态组件 1 (13:26)
43 第十九课 transition过渡动效 1 (11:58)
44 第十九课 transition过渡动效 2 (06:19)
45 第二十课 导航守卫（全局导航守卫） 1 (16:50)
46 第二十课 导航守卫（单个路由导航守卫） 2 (04:15)
47 第二十课 导航守卫（单个组件导航守卫） 3 (17:56)
48 第二十课 导航守卫（导航守卫执行顺序） 4 (07:05)
49 第二十一课 路由元信息与组件缓存 1 (08:21)
50 第二十一课 路由元信息与组件缓存 2 (09:53)
51 第二十一课 路由元信息与组件缓存 3 (10:38)
52 第二十一课 路由元信息与组件缓存 4 (02:37)
53 第二十二课 兄弟组件通信问题 1 (06:00)
54 第二十三课 vuex基本介绍与用法 1 (06:27)
55 第二十三课 vuex基本介绍与用法 2 (12:32)
56 第二十三课 state设置 1 (10:58)
57 第二十四课 getter设置 1 (08:30)
58 第二十四课 getter设置 2 (07:40)
59 第二十四课 getter设置 3 (03:31)