Vue框架在项目开发中如何实现组件的复用？

本文共计1149个文字，预计阅读时间需要5分钟。

目录+服务端路由+路由的应用场景+路由+监听浏览器+hashchange+事件实现路由+使用Vue+Router+Vue2实现路由+服务端路由+服务端路由指的时服务器根据用户访问的URL+路径返回不同的响应结果

目录

• 服务端路由
• 路由的应用场景
• 路由
• 监听浏览器 hashchange 事件实现路由
• 使用Vue Router+Vue2实现路由

服务端路由

服务端路由时指的是服务器根据用户访问的 URL 路径返回不同的响应结果。

在传统的服务端渲染的 web 应用中点击一个链接时，浏览器会从服务端获得全新的 HTML页面，然后重新加载整个页面。

然而，在单页面应用中，客户端的 JavaScript 可以拦截页面的跳转请求，动态获取新的数据，无需重新加载的情况下更新当前页面。

这样通常可以带来更顺滑的用户体验，尤其是在更偏向“应用”的场景下，因为这类场景下用户通常会在很长的一段时间中做出多次交互。

在这类单页应用中，“路由”是在客户端执行的。一个客户端路由器的职责就是利用诸如 History API 或是 hashchange 事件这样的浏览器 API 来管理应用当前应该渲染的视图。

路由的应用场景

单页面应用（SPA应用）：

1. 顾名思义导航栏不变，内容栏改变的应用。
2. 内容栏根据导航栏的选择变化的同时，页面不会跳转，也就是说不会产生新的请求。