Нормально ли во 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>