Нормально ли во Vue использовать watch для запросов к api?

В своем компоненте я использую watch для отслеживания изменений номера страницы, чтобы подгружать контент в соответствии с номером страницы, номер при клике попадает в query запрос и оттуда отслеживается watch. Нормальная ли это практика?

<script setup>
import { ref, watch } from "vue";
import { useRouter } from "vue-router";
import { PAGE_BLOG, QUERY_PARAMS } from "../constants.js";
import { useArticlesStore } from "../stores/articlesStore";
import { getQueryParameter } from "../utils/routerUtils.js";

const articlesStore = useArticlesStore();
const router = useRouter();
let page = ref(1);

articlesStore.getLastItem();

watch(
  () => parseInt(getQueryParameter(router, QUERY_PARAMS.PAGE)) || 1,
  async (currentPage) => {
    page.value = currentPage;
    await articlesStore.getDataByParams({
      page: page.value,
      limit: 6,
    });
  },
  { immediate: true, deep: true }
);

</script>

Ответы (0 шт):