<h3 id="%E3%83%9E%E3%82%A6%E3%83%B3%E3%83%88%E3%81%A8%E3%81%AF" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%83%9E%E3%82%A6%E3%83%B3%E3%83%88%E3%81%A8%E3%81%AF" aria-hidden="true"></a> マウントとは</h3>
普段からマウントとか、<code>onMounted</code>って使っててなんとなく使用していたのでちゃんと調べてみます。
<blockquote data-line="2" class="code-line">
コンピュータさんに周辺機器とかをくっつけたときにやる「おい！今、おまえに機器をくっつけたぞ！さっさと認識して使えるようにしろ！」と命令する行為のこと。
</blockquote>
雰囲気をつかむために<a href="https://wa3.i-3-i.info/word13188.html" target="_blank" rel="nofollow noopener noreferrer">こちらの記事</a>から引用してきました。
Vueの文脈における「マウント」とは、
<blockquote data-line="7" class="code-line">
仮想DOMツリー内を走査して、実際のDOMツリーを構築する
</blockquote>
だと公式に記載してあります。自分なりの理解では、実際のDOM(real DOM)にVueインスタンス(Vueのコードを実体化したもの)を接続し、 
Vue.jsの文、VueインスタンスやコンポーネントがDOM（Document Object Model）に接続されて実際に表示され、操作できる状態になることを指します。具体的には、Vueインスタンスやコンポーネントを作成して仮想DOMに準備した後、それを実際のHTML要素に関連付けて表示させるプロセスです。
app.mount('#app') は、Vueアプリケーションを指定されたDOMにマウントするプロセスを開始しますが、この時点ではまだ onMounted は呼ばれません。 
実際に onMounted が呼ばれるのは、各コンポーネントが完全にレンダリングされ、実際のDOMに挿入された後のことです。このため、app.mount() の直後にすべての onMounted が発火するわけではなく、各コンポーネントがDOMに追加された瞬間に個別に発火します。