vuejs でのマウントの意味-フロントエンドQ&A-php.cn

vuejs でのマウントの意味

青灯夜游

リリース： 2023-01-11 09:22:43

オリジナル

4915 人が閲覧しました

仮想 dom と実際の dom の間の関係を確立し、Vue インスタンスにページ内の特定の領域を制御させるプロセスは、マウントと呼ばれます。マウント方法は次のとおりです: 1. "el:'css selector'" ステートメントによる設定; 2. "Vue instance.$mount("css selector")" ステートメントによる設定。

vuejs でのマウントの意味

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

マウントとはオペレーティングシステムの概念に由来しており、本来の意味は仮想ファイルシステムとハードウェアドライバとの関係を確立することであり、仮想ファイルシステムを動作させることで間接的に実ファイルを操作することになります。例えば、USB ディスク操作の本質は、仮想ファイルシステムを通じて実際の USB ディスクファイルとのマッピング関係を確立することであり、ユーザーが操作するファイルの追加、削除、変更、確認はすべて仮想ファイルディレクトリに対して行われ、仮想ファイルシステムは実際のファイル操作を処理します。

USB ディスクの実ファイルシステムと仮想ファイルシステムの間の関係を確立するプロセスは、マウントと呼ばれます。

ブラウザの話に戻りますが、仮想 dom と現実の dom の間の関係を確立するプロセスは、マウントとも呼ばれます。「仮想」と「現実」の両方がつながっているため、ユーザーは「仮想」の部分を操作します。

では、vue で言及されているマウントとは何を意味するのでしょうか?

Vue インスタンスにページ内の特定の領域を制御させるプロセスは、マウントと呼ばれます。

マウント方法:

1. `el: "css selector" で設定

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
</body>
<script>
new Vue({
  el: &#39;#app&#39;
})
</script>

ログイン後にコピー

Mount Vue を作成

2. Vue インスタンス.$mount("css selector")

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
</body>
<script>
new Vue({
  ...
})
Vue.$mount("#app");
</script>

ログイン後にコピー

Vue 作成後にマウントして設定します

$この機能は、同じ名前の Vue インスタンス内のデータ名を区別するためのものです (名前の重複を防ぐため)

関連する推奨事項: 「vue.js チュートリアル >>

以上がvuejs でのマウントの意味の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。