On the button to display the data of different arrays in the component?

Question

Vue.js

What is the best way to organize? v-if or slot or even spread across different files because there are many arrays in one place?
Sandbox here: https://codepen.io/kirillz-the-styleful/pen/NZWOEd

Answer 1

Add a property - an array that will contain your "different arrays". Add property - index of displayed array. Add a computed property - a displayable array. Render elements based on rendered array data.
https://jsfiddle.net/w0vrxcyg/1/

Answer 2

I understand the elements are the same.
Store the data in a store (vuex for example), make a getter there to get the current list depending on which button was clicked, and in the component simply display the current list from the store.