Vue3でsetIntervalで定期的にAPI連携する際のTips - Qiita

はじめに 全国1億2623万人のGARNET CROWファンの皆さん、こんにちは @garnetddolphin です。 先日Vue3で定期的にAPIからデータを取得し、更新するというコードを書きました。 SPAでページを移動した際にclearIntervalが設定されておらず、setIntervalが残り続けてハマったのでTipsとして公開します。 実装 <script lang="ts"> import { defineComponent } from "vue" export default defineComponent({ ・ ・ ・ data() { return { // clearIntervalで削除するためタイマーを宣言しておく updateTimer: 0, } }, methods: { async fetchAPIData(): Promise<void> { /