Vue

大家好，我是jvxiao。 这是Vue从入门到精通系列文章的第3篇，今天我们来谈谈和Vue紧密相关的一个东西–SPA。此SPA非各位日常生活中的养生SPA, 而是单页面应用（Single Page Application）。 在现代前端开发中，单页面应用（SPA）已成为主流架构之一，Vue、React、Angular 等框架均以 SPA 为核心设计理念。它凭借流畅的交互体验、高效的资源利用，广泛应用于后台管理系统、移动端应用等场景。 本文将从基础概念出发，对比 SPA 与传统多页面应用（MPA）的核心差异，并通过极简代码实现 hash 模式 SPA，帮助大家快速掌握其工作原理。 一、什么是 SPA（单页面应用）SPA（Single Page Application）即单页面应用，是一种仅加载一个核心 HTML 文件的 Web 应用架构。其核心特征是：页面内容的更新不依赖浏览器的整页刷新，而是通过 JavaScript 动态操作 DOM 节点、异步请求数据，实现视图的局部更新。 可以通俗地理解为：SPA 就像一个 “固定外壳” 的房子，首次加载时会完整加载房屋的基础结构（核心 HT...