1

Use named routes and params for route
<router-link :to="{ name: 'user', params: { username: yourUserNameProp }}"></router-link>
Named routes:
const router = new VueRouter({
routes: [
// dynamic segments start with a colon
{ name:'user', path: '/profile/:username', component: User }
]
...