movsumlu

Логичнее в хуках роутера это делать. Ну или в компонентах страниц при монтировании/изменении пропсов.

Есть FakeJSON с бесплатным тарифом, есть удобный Webhook работающий по freemium модели, с небольшими ограничениями даже без регистрации и смс, можно поднять на локальной машине свой веб сервер и отдавать всё что вздумается, ну и наконец можно просто выложить json файл на любой статический хостинг.

Если я правильно понял, вам нужны рандомные данные в виде json? Таких сервисов много. Искать по запросу: fake api. Вот пример:
https://jsonplaceholder.typicode.com/

component 1:

methods: {
  someMethod() {
    ...

component 2:

this.$emit('i-want-to-call-method-from-component-1');

parent:

<component-1 ref="component1" />
<component-2 @i-want-to-call-method-from-component-1="$refs.component1.someMethod()" />

created() {
  const interval = setInterval(this.method, 5 * 60 * 1000);
  this.$on('hook:beforeDestroy', () => clearInterval(interval));
},

ты ссылаешься на один и тот же массив/объект. когда его получаешь, то используй оператор spread '...' чтобы получить абсолюнто новый объект/массив и работать с ним.
к примеру получил ты свой object, тогда пишешь this.counter = {...object} или this.counter = [...array].
После чего, измения this.counter никак не будут влиять на данные, полученные из хранилища
гуид

Вместо computed сделайте обычное свойство компонента, при создании экземпляра копируйте значение из стора:

data() {
  return {
    value: this.$store.state.value,
  };
},

<span v-once>{{ data }}</span>
При изменении data отображаться будет начальное значение.

async function getKey() {
  while(true) {
    const result = await request( /* ... */ )

    if (result) {
      return result
    }
  }
}

const delay = 3000; // 3 sec пауза между запросами
const timerId = setInterval(getKey, delay); // повторяется автоматически

function getKey() {
  // здесь ваш запрос
  // ...
  
  if (result) {
    clearInterval(timerId); // прекращаем запросы
  }
}