Vueで複数箇所で呼ばれるコンポーネント内でmountedは初回だけ動作するようにしたい

Question

お世話になっております。
下記のようなソースで、コンソールに"12345"と出力されるのを一回にしたいと考えております。
どのようにするか、おわかりになる方いらっしゃいましたらよろしくお願いします

<template>
  <ComponentA />
  <ComponentB/>
</template>
<script>
import ComponentA from "~/components/component.vue";
import ComponentB from "~/components/component.vue";
</script>

<script>
  mounted() {
    this.init();
  },
  methods: {
    init:function(){
      console.log('12345');
    }
},
</script>

Answer 1

mounted()をはじめとした、ライフサイクルフックはあくまでもそれぞれのコンポーネントへのフック。 https://v3.ja.vuejs.org/api/options-lifecycle-hooks.html

ComponentAとComponentBは、定義は一緒でも、実体としてはそれぞれ別のコンポーネント。

コンソールに"12345"と出力されるのを一回にしたい

これは、別々のコンポーネントでなんらかの状態を共有したい、ということでしょうから、状態管理 https://jp.vuejs.org/v2/guide/state-management.html などを駆使する必要があるのではないでしょうか。