如何在Vue中使用动态名称vue组件？

Question

• 我想使用的组件名称是动态的，我有一个带有导航到其他组件的组件菜单，因此我想获得与当前路线相同的名称。我有这个：

export default{
 // name:'app',
 name: 'Dynamic name follow router name',
 data(){
  return{}
 }
}

Note:组件名称与当前路由相同。我有两个路由器，但它链接到同一页面。

• 我在下面尝试了此代码：

export default{
 name: '',// How can i use dynamic this name
 data(){
  return{}
 },
 created(){
  this.$options.name = this.$route.name
  this.getData()
 },
 methods:{
  function getData(){
   // Statement
  }
 }
}

我的目的 我想在更改页面时保持路由器的活动数据