day05 路由路由路由是一种对应关系什么是后端路由客户端请求的 url 地址和服务端对该地址的处理函数的对应关系

路由

路由是一种对应关系

客户端请求的 url 地址和服务端对该地址的处理函数的对应关系

路由是根据不同的 url 地址展示不同的内容或页面

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

hash

history

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

优点：

用户体验好，不需要每次都从服务器全部获取，快速展现给用户
缺点：
- 不利于 SEO
- 使用浏览器的前进，后退键的时候会重新发送请求，没有合理利用缓存
- 单页面无法记住之前滚动的位置，无法在前进，后退的时候记住滚动的位置

 {
    path: '/',
    redirect: '/home'
  }'

  {
    path: '*',
    component: NotFoundPage
  }'

params

#/home/fly/18

 {
    path: '/home/:name/:age',
    component: Home
  }'

this.$router.push()

  {
    path: '/home',
    component: Home,
    children: [
      {
        path: '/home/recomment',
        component: Recomment
      }
    ]
  }

{ path: '/', components: { default: Header, main: Main, footer: Footer } }

<router-view></router-view>
<router-view name="main"></router-view>
<router-view name="footer"></router-view>

beforeEach

全局路由前置守卫

router.beforeEach((to, from, next) => {});