Vue-router路由模式

• hash模式（默认），如 http://example.com/#/user/10
• H5 history模式，如 http://example.com/user/20
• 后者需要server端支持，因此无特殊需求可选择前者

  使用history

  例如访问 http://example.com 返回的是 /root/index.html
  但一般服务器的话访问 http://example.com/user 返回的比如是 /root/user/index.html
  这时就需要服务器去配置，无论访问什么，都返回 /root/index.html 但这样就会造成404页面无法在后端配置，需要前端配置。

  const router = new VueRouter({
    mode: 'history', // 使用history模式
  routes: [
    /* 404页面 */
    {path: '*', component: NotFoundComponent}
  ]
  })

  动态路由

  ```javascript const User = { // 获取参数如 10 20 template: ‘
  User {{ $route.params.id }}
  ‘ }

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

<a name="2zFsy"></a>
# 懒加载
和异步加载组件一样的写法
```javascript
export default new VueRouter({
    routes: [
    {
      path: '/',
      component: () => import(
        /* webpackChunkName: "navigator" */
        './../components/Navigator'
      )
    },{
      path: '/feedback',
      component: () => import(
          /* webpackChunkName: "feedback" */
        './../components/FeedBack'
      )
    }
  ]
})