vue-router

本文详细介绍了Vue框架中的vue-router插件,包括SPA应用的概念、如何通过路由实现页面跳转以及区分后端路由(处理HTTP请求)和前端路由(负责UI渲染)。重点讲解了路由在单页应用中的关键作用和工作原理。
摘要由CSDN通过智能技术生成

6.1 对路由的理解

6.1.1 vue-router 的理解

vue 的一个插件库,专门用来实现 SPA 应用

6.1.2 对 SPA 应用的理解
  1. 单页Web应用(single page web application, SPA)

  2. 整个应用只有一个完整的页面。

  3. 点击页面中的导航链接不会刷新页面,只会做页面的局部更新

  4. 数据需要通过 ajax 请求获取。←

6.1.3 路由的理解

1.什么是路由?

​ 1.一个路由就是一组映射关系(key-value)

​ 2.key为路径, value 可能是

​ function(后端路由)

​ componente(前端路由)

2.路由分类

1 .后端路由:

​ 1) 理解: value 是function,用于处理客户端提交的请求。

​ 2) 工作过程: 服务器接收到一个请求时,根据请求路径找到匹配的函数来处

理请求,返回响应数据。

  1. 前端路由:

    1)理解:value 是 component,用于展示页面内容。

    2)工作过程:当浏览器的路径改变时,对应的组件就会显示。

在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值