vue-router-tab/demo/components/layout/InitialTabs.vue

<template>
  <main class="app-main">
    <router-tab :tabs="tabs" />
  </main>
</template>

<script>
export default {
  name: 'InitialTabs',
  data () {
    return {
      tabs: [
        '/initial-tabs/page-leave', // 只需设置 fullpath，程序将自动从 router 配置中获取页签的标题/图标等信息
        { to: '/initial-tabs/tab-dynamic', closable: false }, // closable 页签是否可关闭，这个只能在初始页签中配置，其他地方配置没有意义
        { to: '/initial-tabs/page/1', title: '页面1' }, // 具有动态页签标题的页签，需要设置初始页签标题
        {
          to: {
            path: '/initial-tabs/page/2',
            query: { t: 2 }
          },
          title: '页面2'
        }, // <router-link> location 方式配置
        { to: '/initial-tabs/page/2?t=1', title: '页面2-1' } // 默认 aliveId 配置下，该页签与 '/initial-tabs/page/2' 页签的 aliveId 一致，将只保留第一个出现的页签
      ]
    }
  }
}
</script>