ホームページ  >  記事  >  ウェブフロントエンド  >  vue の el は何を意味しますか

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

(*-*)浩
(*-*)浩オリジナル
2019-05-25 10:03:0416057ブラウズ

el

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

## タイプ:

文字列 | HTMLElement | 関数

制限事項:

コンポーネント定義内の関数のみにすることができます。

詳細:

インスタンスの取り付け要素を提供します。値には、CSS セレクター、実際の HTML 要素、または HTML 要素を返す関数を指定できます。この要素はマウント ポイントとしてのみ使用されることに注意してください。テンプレートが提供されている場合、replace が false でない限り、要素は置換されます。要素には vm.$el を使用してアクセスできます。

Vue.extend で使用する場合は、すべてのインスタンスが要素を共有しないように、関数値にする必要があります。

初期化中にこのオプションが指定された場合、インスタンスはすぐにコンパイル プロセスに入ります。それ以外の場合は、vm.$mount() を呼び出して手動でコンパイルを開始する必要があります。

提供された要素はマウント ポイントとしてのみ使用できます。

Vue 1.x とは異なり、すべてのマウント要素は Vue によって生成された DOM に置き換えられます。したがって、ルート インスタンスを または にマウントすることはお勧めできません。

render 関数も template 属性も存在しない場合、

マウントされた DOM 要素の HTML が抽出され、テンプレートとして使用されます。このとき、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)
})
を置き換えます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。