Vue 子コンポーネントのmountedが2回呼ばれる

Question

前提

• Nuxtのバージョン：nuxt@2.14.12
• Vueのバージョン：vue@2.6.12
• SSR：ではない

事象

Nuxt+Vueアプリの実装中、子コンポーネントのmoutedが2回呼ばれる現象に遭遇しました。（この時エラーは特に表示されません）
親コンポーネントは１回しか呼び出されず正しく動いています。

実現したいこと

子コンポーネントのmountedの呼び出しを１回にしたい。

発生している問題・エラーメッセージ

export default {
  data() {
    return {
      childData: null
    }
  },
  async mounted() {
    console.log("child");
    this.childData = await this.getChildData();
  }
}

export default {
  data() {
    return {
      parentData: null
    }
  },
  async mounted() {
    console.log("parent");
    this.parentData = await this.getParentData();
  }
}

console.log 結果

child
child
parent

試したこと

子コンポーネントのasyncが原因かと思って削除してみたりしましたが、
async有無で挙動が変わりませんでした。
検討もつかず困っています。ご教示ください。

Answer 1

親で2回子コンポーネントを呼んでいたのですが、
v-show（2回呼び出されてしまっていた...）
↓
v-if
にすることで解決しました。。