（50）Vue Router插件介绍

一、Vue Router插件介绍

Vue Router 是 Vue.js 的官方插件，用来快速实现单页应用。

二、Vue Router学习内容

• 单页应用
• 前端路由
• Vue Router

三、单页应用

SPA（Single Page Application）单页面应用程序，简称单页应用。

指的是网站的 “所有” 功能都在单个页面中进行呈现。

具有代表性的有后台管理系统、移动端、小程序等。

• 单页应用的优点：
• 前后端分离开发，提高了开发效率。
• 业务场景切换时，局部更新结构。
• 用户体验好，更加接近本地应用。

• 单页应用的缺点：
• 不利于 SEO。
• 初次首屏加载速度较慢。
• 页面复杂度比较高。

四、前端路由

前端路由，指的是 URL 与内容间的映射关系。

URL、内容、映射关系。

前端路由实现方式：    • Hash 方式     • History 方式