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 に置き換えられます。したがって、ルート インスタンスを または
にマウントすることはお勧めできません。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 は
を置き換えますnew Vue({
el: '#ppp',
router,
store,
render: h => h(App)
})関連する無料学習の推奨事項: javascript（ビデオ）
以上がvue.js の el は何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
