vue——路由

最新推荐文章于 2025-04-17 15:02:29 发布

枕頭說他不想醒

最新推荐文章于 2025-04-17 15:02:29 发布

阅读量1.9k

点赞数

分类专栏： vue 练习文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_52984349/article/details/128087896

版权

本文介绍了Vue Router作为Vue.js的官方路由，如何与Vue.js深度集成，简化单页应用的构建。内容包括路由的基本概念，为何使用路由，路由的主要用途，详细讲解了安装过程，配置文件的创建和在main.js中的挂载。此外，还展示了具体的案例，包括代码细节，功能解释以及使用注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、介绍路由

1、路由是什么

Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。

一、介绍路由

1、路由是什么

Vue路由是指根据url分配到对应的处理程序；作用就是解析URL，调用对应的控制器（的方法，并传递参数）。Vue路由有助于在浏览器的URL或历史记录与Vue组件之间建立链接，从而允许某些路径渲染与之关联的任何一个视图。

官方说法：

Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。

2、为什么要使用路由

在传统的web开发中每一个请求地址都会请求服务器来进行处理，但是用户有些操作则无需请求服务器，直接页面端修改下逻辑就能达到目的，在这种方式下最好的方法是使用路由，因为使用路由时，URL会随着改变，用户浏览一个网页时可以直接复制或收藏当前页面的URL给别人，这种方式对于搜索引擎和用户来说都是友好的

3、主要用途

多应用于spa(single page web application)
单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。因此，对单页应用来说模块化的开发和设计显得相当重要。