• 1. 路由模式(hash、H5 history)
• 2.路由配置(动态路由、懒加载)

一、vue-router

官网参考：

1. 路由模式(hash、H5 history)

• hash 模式（默认），如 http://abc.com/#/user/10
• H5 history 模式，如 http://abc.com/user/20 [需要 server 支持]

2.路由配置(动态路由、懒加载)

• vue-router history

    const router = new VueRouter({
      mode: 'history',
      routes: [...]
    })

• 动态路由

  const router = new VueRouter({
    routes: [
     // 动态路径参数 以冒号开头。能命中 `/user/10` `/user/20` 等格式的路由 
     { path: '/user/:id', component: User }
    ]
   })

• 路由懒加载

    const router = new VueRouter({
    routes: [
     { path: '/', component: () => import('xxxx') }
    ]
   })