コンポーネントをクローンのように表示したい

[code]

    <html>
        <compornet-a></compornet-a>
        <compornet-a></compornet-a>
    </html>
    
    <template>
        <div class="contents">
            {{num}}
        </div>
    </template>
    <script>
        export default {
            data() {
                return {
                    num: 0,  
                }
            },
            mounted() {
                testApi.then(
                    (resolve) => {
                        this.num = this.num + 1;
                    },
                    (reject) => {
                        this.num = 0;
                    },
                );
            }
        }
    </script>
    
[/code]

上記のように、同一画面に同一のコンポーネントを読み込む場合に  
mountedのAPI処理が二度走るのを解消したいのですがどうしたら良いでしょうか？  
extendを使用すると、templateを再定義しなければならないため避けたいです。




`compornet-a`を埋め込んでいる側のコンポーネントの`mounted`でtestApiを実行して、実行結果をpropsで`compornet-a`に渡せばよいのではないでしょうか?




`compornet-a`を埋め込んでいる側のコンポーネントの`mounted`でtestApiを実行して、実行結果をpropsで`compornet-a`に渡せばよいのではないでしょうか?

