美文网首页
前端路由

前端路由

作者: LetTheManBeBorn | 来源:发表于2017-12-18 07:47 被阅读0次

前端路由的概念

路由是根据不同的URL地址展示不同的内容和页面,前端路由就是把根据不同的URL返回不同页面的内容交给前端来做,之前是通过服务器端根据URL的不同返回不同的页面实现的。

什么时候使用前端路由?

在单页面应用中,大部分页面结构不变,只改变部分内容,需要用到前端路由

前端路由的优点和缺点

优点:用户体验好,不需要每次都从服务器获取信息,可以快速显示给用户
缺点:不利于SEO,前进和后退都是重新发送请求,没有有效地利用起来浏览器的缓存功能,不能记录到你的位置,比如分页后退等。

vue中前端路由的使用

在vue中,主要适用vue-router进行单页面的构建
其中包括两个最重要的指令:
1.<router-link></router-link>或者this.$router.push({path:""})
可以把router-link理解成一个a标签,在使用过程中把它当作a标签使用。
2.<router-view><router-view>
router-view是一种编程式路由,通过router-link跳转到某页面的时候,对应的一定会有组件的渲染,包括把页面渲染到什么地方等,这时候就会用到router-view,这两个指令是配合使用的,一个负责跳转,一个负责渲染。

相关文章

  • 第三十一节:Vue路由:前端路由vs后端路由的了解

    1. 认识前端路由和后端路由 前端路由相对于后端路由而言的, 在理解前端路由之前先对于路由有一个基本的了解 路由:...

  • 前端微服务化解决方案5 - 路由分发

    路由分发式微前端 从应用分发路由到路由分发应用 用这句话来解释,微前端的路由,再合适不过来. 路由分发式微前端,即...

  • vue - 路由模式

    1 路由的基本概念与原理 路由的本质就是对应关系; 在开发中, 路由分为前端路由和后端路由. 1.1 前端路由 概...

  • react-router-dom

    一、什么是前端路由 在我看来,前端路由和网络上的路由器功能很像。前端路由也是进行分发操作,只不过其分发的是页面跳转...

  • vue基础-路由(重要)

    前端路由的概念与原理 什么是前端路由 Hash 地址与组件之间的映射关系,前端路由可以将hash地址和组件关联起来...

  • CreateReactApp+ReactRouter4的使用

    路由基础介绍1,什么是前端路由? 路由是根据不同的 url 地址展示不同的内容或页面 前端路由就是把不同路由对应不...

  • 面试:谈谈对前端路由的理解?

    面试官想听到什么答案呢? 1、为什么会出现前端路由。 2、前端路由解决了什么问题。 3、前端路由实现的原理是什么。...

  • 前端路由(一)

    前端路由之变化url不发送请求 什么是路由?为什么要有前端路由? 首先,域名的组成:http://(协议)www....

  • vue学习笔记——vue-router

    1.什么是前端路由? 前端路由是根据不同的URL地址显示不同的内容或页面。 2.什么时候使用前端路由? 在单页面应...

  • vue-router 原理

    1、前端路由 在 Web 前端单页应用 SPA(Single Page Application)中,路由描述的是 ...

网友评论

      本文标题:前端路由

      本文链接:https://www.haomeiwen.com/subject/npdpwxtx.html