ホームページ > 記事 > ウェブフロントエンド > vue の el は何を意味しますか
vue の el は何を意味しますか
- (*-*)浩オリジナル
- 2019-05-25 10:03:0416048ブラウズ
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 サイトの他の関連記事を参照してください。