Данные списка показать снова в детальном виде?

Question

[Dauren S]

Есть компонент в котором я забираю данные из апи

import axios from "axios";
axios.defaults.withCredentials = true;
export default {
    name: "Index",
    data: function() {
        return {
            data:{
                lastname:null,
            },
            list:null,
             
        };
    },
    mounted() {
         axios
        .post('/api/test/cm/main/index')
        .then(response => (this.list=response['data']['list']),
   
      )
       .catch(function () {
            
             self.$router.push('/');
            
          });
    },
  
  
};

Затем при клике на

<router-link  to="/test/main/view/1">Просмотр</router-link>

Показывается детальная страница, но рядом тот же список хочу отображать (на другой странице)
Как показать этот список, чтобы снова не делать запрос на апи?

Answer 1

[VegasChickiChicki]

Использовать vuex или передавать на другую страницу через props.

Answer 2

[Dauren S]

сохранять state in store/index.js через actions->mutations