配置

1. 在 /src/router/index.js 文件中，可以为每一个路由起一个名字，这个名字方便后期的路由跳转。

2. 配置文件（一级路由也可以起名字，这里用二级路由做演示）

   export default new VueRouter({
       routes: [
           {
               path: '/home',
               component: Home,
               children: [
                   {
                       name: 'news',
                       path: 'news',
                       component: News
                   },
                   {
                       name: 'message',
                       path: 'message',
                       component: Message
                   }
               ]
           },
           {
               path: '/about',
               component: About
           }
       ]
   })

使用

起了名字后，可以用 name 取代 path

<router-link active-class="active" :to="{
    name: 'news',
    query: {
        title: 'Hello',
        time: '2022-01-23'
    }
}">News</router-link>