Fork me on GitHub

路由基础

图片描述


什么是前端路由?

  • 路由是根据不同url地址展示不同的内容或者页面
  • 前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,之前是通过服务端根据url的不同返回不同的页面实现的

什么时候使用前端路由?

在单页面应用,大部分页面结构不变,只改变部分内容时使用

前端路由有什么优缺点?

优点

  • 用户体验好,不需要每次都从服务器全部获取。快速展现给用户

缺点

  • 不利于seo;
  • 使用浏览器的前进、后退键的时候会重新发送请求,没有合理的利用缓存;
  • 单页面无法记住之前滚动的位置,无法在前进、后退的时候记住滚动的位置。

vue-router是用来构建SPA的关键

<router-link></router-link>或者this.$router.push({path:"}) (本质就是a标签,实现跳转)

<router-view></router-view> (实现渲染)

什么是命名路由和命名视图?

  • 给路由定义不同的名字,根据名字进行匹配

  • 给不同的router-view定义名字,通过名字进行对应组件的渲染