# Vue Router 中的默认路由如何定义？

- Link: https://www.ixiqin.com/2019/02/25/how-to-define-the-default-route-in-the-vue-router/
- Published: 2019-02-25T16:54:37+08:00
- Author: 白宦成

在使用 Vue 开发后台的时候，有些时候我们需要一个默认路由。

比如说，用户登陆以后，会看到一个界面，此时这个界面就需要一个默认路由。因为这个界面
一般会放置一个 _route-view_，如果没有默认路由，就会导致首页的内容是空白的。因此，
放置一个默认路由来显示内容即可。

想要实现也很简单，在对应的路由中添加 _children_ 项目，并设置其 _path_ 为 `""` 这样，
就会将这个路由设置为默认路由。比如，这个样子：

    ```javascript
    let router = new Router({
        routes: [
         {
            path: "/dashboard",
            component: home,
            children: [
              {
                path:"",
                component: analytics,
              }
            ]
        ]
    })
    Code language: JavaScript (javascript)
    ```

这样就实现了点击 dashboard ，进入对应页面后，默认查看的是 analytics 的内容。