美文网首页
前端路由

前端路由

作者: 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,这两个指令是配合使用的,一个负责跳转,一个负责渲染。

    相关文章

      网友评论

          本文标题:前端路由

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