ホームページ > 記事 > ウェブフロントエンド > vuejs でのマウントの意味
vuejs でのマウントの意味
- 青灯夜游オリジナル
- 2021-09-28 15:10:254881ブラウズ
仮想 dom と実際の dom の間の関係を確立し、Vue インスタンスにページ内の特定の領域を制御させるプロセスは、マウントと呼ばれます。マウント方法は次のとおりです: 1. "el:'css selector'" ステートメントによる設定; 2. "Vue instance.$mount("css selector")" ステートメントによる設定。
このチュートリアルの動作環境: 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: '#app'
})
</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 サイトの他の関連記事を参照してください。