Javascript Vue js道具值未定义

我对道具的理解可能是错误的，但我似乎无法将道具传递给组件并检索其值，因为它总是未定义的

路线：

{
  path: '/account/:username',
  name: 'acccount',
  component: Account
},

到组件的路由器链接：

<router-link class="btn btn-warning margin-bottom-20" :to="{ name: 'acccount', params: {username: user.username}}">Edit</router-link>

My/accounts视图成功更改为/account/{username}，但一旦在组件上，this.username值只返回未定义的值

更新您的路线：

{
  path: '/account/:username',
  name: 'acccount',
  component: Account
}

致：

{
  path: '/account/:username',
  name: 'acccount',
  component: Account
}

{
  path: '/account/:username',
  name: 'acccount',
  component: Account,
  props: true
}