ホームページ > 記事 > ウェブフロントエンド > vue.js の el は何を意味しますか
vue.js の el は何を意味しますか
- coldplay.xixiオリジナル
- 2020-11-09 16:55:278422ブラウズ
vue.js における el の意味: el の型は [String | HTMLElement | Function] で、インスタンスにマウント要素を提供するために使用されます。レンダリング関数またはテンプレート属性がある場合、マウント要素は Vue で生成された DOM に置き換えられます。
[関連記事の推奨事項: vue.js]
vue.js el意味:
el
タイプ: String | HTMLElement | Function
制限事項: コンポーネント定義内の関数のみにすることができます。
詳細:
インスタンスの取り付け要素を提供します。値には、CSS セレクター、実際の HTML 要素、または HTML 要素を返す関数を指定できます。この要素はマウント ポイントとしてのみ使用されることに注意してください。テンプレートが提供されている場合、replace が false でない限り、要素は置換されます。要素には vm.$el を使用してアクセスできます。
Vue.extend で使用する場合は、すべてのインスタンスが要素を共有しないように、関数値にする必要があります。
初期化中にこのオプションが指定された場合、インスタンスはすぐにコンパイル プロセスに入ります。それ以外の場合は、vm.$mount() を呼び出して手動でコンパイルを開始する必要があります。
提供された要素はマウント ポイントとしてのみ使用できます。 Vue 1.x とは異なり、すべてのマウント要素は Vue によって生成された DOM に置き換えられます。したがって、ルート インスタンスを 100db36a723c770d327fc0aef2ce13b1 または 6c04bd5ca3fcae76e30b72ad730ca86d にマウントすることはお勧めできません。
render 関数も template 属性も存在しない場合、マウントされた DOM 要素の HTML が抽出されてテンプレートとして使用されますが、その際には Runtime Compiler で構築された Vue ライブラリを使用する必要があります。 Vue インスタンスのマウント ターゲットを指定するために使用される
el の役割は誰もが知っています。上記の 2 つの部分に焦点を当てますが、要約すると、render 関数または template 属性がある場合、マウントされた要素は Vue によって生成された DOM に置き換えられ、そうでない場合は、マウントされた要素が配置されている HTML が抽出されて使用されます。テンプレート
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="ppp"></div>
</body>
</html>例: render 関数によってレンダリングされた DOM は b6e927d7e9bbb9062e270db5cafd5aef16b28748ea4df4d9c2150843fecfba68を置き換えます
new Vue({
el: '#ppp',
router,
store,
render: h => h(App)
})関連する無料学習の推奨事項: javascript（ビデオ）
以上がvue.js の el は何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。