Vue 3 以更快渲染、更小体积、全面 TypeScript 支持及 Composition API 为核心升级；官方脚手架改用 Vite，项目结构简化。组合式 API 通过 setup、ref、reactive、computed、watch 实现响应式与逻辑复用，生命周期钩子可多次调用。父子通信用 defineProps / defineEmits，跨层用 provide / inject。状态管理推荐 Pinia，语法简洁、模块独立、支持组合式风格与 TypeScript。

文章梳理 Vue CLI 静态资源路径规则：绝对路径指向 public，相对路径、~、@ 分别对应模块与 src；assets 资源经 webpack 压缩，public 直接拷贝。接着介绍 Axios 基于 Promise 的 GET/POST 等用法，并结合 Mock.js 模拟接口完成前后端分离调试。最后简述 ElementUI（Vue2）与 ElementPlus（Vue3）组件库引入流程，为 Web 开发提供丰富 UI 支持。

文章系统梳理 Vue Router 与 Vuex 核心用法：对比 Hash 与 History 模式，演示嵌套、命名、参数、编程式导航；结合 CLI 插件初始化项目，规范 views 与 router 结构。Vuex 部分强调集中式状态管理，通过 state、mutations、actions 实现同步与异步数据流，并图解单向数据流与模块化设计，为构建可维护 SPA 提供完整方案。

文章系统梳理 Vue CLI 脚手架的安装、GUI 与命令行创建项目流程，剖析 public/src 等目录与 vue.config.js 配置；围绕单文件组件讲解 data、methods、computed、watch 及生命周期钩子；结合 v-model、v-bind、v-on、v-for、v-if 等核心指令演示常见开发场景；最后通过局部/全局注册、插槽、props 与 emit 完成组件通信示例，为 Vue 2 基础开发提供完整复习脉络。