인프런 커뮤니티 질문&답변

    const numberOfPages = computed(() => {
      console.log(numberOfTodos.value);
      return Math.ceil(numberOfTodos.value / limit.value);
    });

    const getTodos = async () => {
      try {
        const res = await axios.get(
          `http://localhost:3000/todos?_page=${currentPage.value}&_limit=${limit.value}`
        );
        numberOfTodos.value = res.headers["x-total-count"];
        todos.value = res.data;
      } catch (err) {
        console.log(err);
        error.value = "Something went wrong.";
      }
    };
    getTodos();

    return {
      todos,
      addTodo,
      toggleTodo,
      deleteTodo,
      searchText,
      filterTodos,
      error,
      numberOfPages,
    };

이렇게 값을 호출하는데 처음 호출할때 numberOfTodos.value 값이 undefained 값으로 호출되면서 v-for문 돌릴때 오류가 나게 되는데

호출이 2번되면서 첫번째는 오류 두번째는 정상 작동되게 되는데 2번 호출되는 이유를 알수 있을까요?

또, numberOfTodos.value 여기 값이 첫번째 호출될때 값이 안들어오 return 할때 마지막에 리턴되서 getTodos() 함수가 호출되고 나주엥 호출되는데 값이 왜 안들어 오는지도 궁금합니다.