vue.js の el は何を意味しますか-Vue.js-php.cn

vue.js の el は何を意味しますか

coldplay.xixi

リリース： 2020-11-17 15:28:46

オリジナル

8482 人が閲覧しました

vue.js における el の意味: el の型は [String | HTMLElement | Function] で、インスタンスにマウント要素を提供するために使用されます。レンダリング関数またはテンプレート属性がある場合、マウント要素は Vue で生成された DOM に置き換えられます。

vue.js の el は何を意味しますか

[関連記事の推奨事項: vue.js]

vue.js 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: &#39;#ppp&#39;,
    router,
    store,
    render: h => h(App)
})

ログイン後にコピー

関連する無料学習の推奨事項: javascript（ビデオ）

以上がvue.js の el は何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。