44307

[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を再定義しなければならないため避けたいです。


CC BY-SA 3.0
2017-11-13T09:15:19.310
39542
2018-05-27T16:23:42.297
16768
question
javascript vue.js
コンポーネントをクローンのように表示したい


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


CC BY-SA 4.0
2018-05-27T16:23:42.297
44307
2018-05-27T16:23:42.297
28630
39542
answer