how to pass the props using <route-link>

Using Vue Router?

put it this way.. start at this documentation they are really well written. Don't skip through it, invest the time top to bottom.

Vue Router

Programmatic Navigation

Also, if your app is big enough that you need to transfer state around the place, consider vuex right away. It will save a lot of headaches down the track.

I need to pass the props as an object

<router-link :to="{ name: 'topic-view', props: { topic : topic.topic }, params: { id: topic.topic.id}}"> {{ topic.topic.name }} </router-link>