VueJs动态名称Vue组件

Question

我想在vuejs中使用组件的动态名称。

示例：

-路由器

// Revenue
  {
    path: '/revenue',
    name: 'revenueForm',
    component: () =>
      import('./pages/Page.vue'),
    meta: {},
  },
  // Expense
  {
    path: '/expense',
    name: 'expenseForm',
    component: () =>
      import('./pages/Page.vue'),
    meta: {},
  },

-Page.Vue

我有两个路由器名称，但是它仅呈现一页Page.Vue。单击路由器时，如何获取组件名称=路由器名称的名称。我要使用动态名称。

Note:未获得路由器名称

<script>
export default{
 name:'',
 data(){
  return{}
 }
}
</script>

我试图从路由器export default{name : Dynamic name}那里获得名字