<template>
<div class="lists">
<div v-for="(list, key, i) in getAllBreeds" :key="i">
<div v-if="list.length">
<div v-for="(ele,i) in list" :key="i" class="listOption">
<router-link :to="/breed/:key/:ele">
{{ele}} {{key}}
</router-link>
</div>
</div>
<div v-else class="listOption">
<router-link :to="/breed/:key/images">
{{key}}
</router-link>
</div>
</div>
</div
</template>
I have implemented Vue Router for my project. Despite reading multiple articles on the topic, I am still struggling to grasp its concepts effectively.