コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > Vue.js > vuejs el の用途は何ですか?

vuejs el の用途は何ですか?

青灯夜游
リリース： 2021-09-18 17:58:43
オリジナル
3236 人が閲覧しました

vuejs では、el の機能は Vue インスタンスのマウント ターゲットを指定することであり、インスタンスのマウント後に、ページ上に既に存在する DOM 要素を Vue インスタンスのマウント ターゲットとして提供します。 、要素は「vm.$el」を使用してアクセスできます。

vuejs el の用途は何ですか?

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

vue 公式 API ドキュメントでは、el に次の説明があります:

https://cn.vuejs.org/v2/api/#el

# Vue インスタンスのマウント先を指定するために使用される

##el の役割は誰もが知っています。上記の 2 つの赤い感嘆符の部分に注目します。要約すると:

レンダリング関数またはテンプレート属性がある場合、マウントされた要素は Vue によって生成された DOM に置き換えられます。それ以外の場合は、マウントされた要素が配置されている HTMLテンプレートを作成します

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <div id="ppp"></div>
  </body>
</html>
ログイン後にコピー

例 1: render 関数によってレンダリングされた DOM を置き換えます

new Vue({
  el: &#39;#ppp&#39;,
  router,
  store, 
  render: h => h(App)
})
ログイン後にコピー

例 2: 文字列テンプレートの置換

new Vue({
  el: &#39;#ppp&#39;,
  router,
  components: { App },
  template: &#39;<App/>&#39;
})
ログイン後にコピー

例 3: 手動マウントレンダリングは存在しません 関数とテンプレートの属性

new Vue({
  router,
  store,
}).$mount(&#39;#ppp&#39;)
ログイン後にコピー

関連する推奨事項:「

vue.js チュートリアル」

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

関連ラベル：
vuejs
ソース：php.cn
前の記事：vuejs でインターセプトをリクエストする方法 次の記事：vuejs で変数をグローバルにカスタマイズする方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
VueJS スケジューリング関数の実行順序により問題が発生する APIから取得したお知らせのリストをページに表示しようとしています。私は Vuex ストアを使用しており、アナウンスと呼ばれる状態があります。また、ユーザーがページを更新/入力する...
から 2024-04-06 10:37:58
0
1
385
条件付きコンポーネントによる Vuejs テンプレートの強化 以下に示すように、さまざまなイベントのリストがあります。これは logTypesexportdefault{LOGIN:"login",LOGOUT:"...
から 2024-04-03 16:16:14
0
1
346
VueJS 2 アプリケーションが 1 にコンパイルされました フロントエンドとして VueJS を使用してアプリケーションを構築しています。しかし、私たちは 2 つのアプリを 1 つに統合しているようなものです。一般に公開される電子商取引側に...
から 2024-04-03 12:00:59
0
1
371
(Vuejs) レンダリング中に参照されるインスタンスの未定義のプロパティまたはメソッド リストに項目を追加するための簡単なボタンがあります: <labelfor="numit">itemnumber:</label><...
から 2024-04-02 16:43:16
0
1
366
vuejs、親の ID/名前を子に対して 1 回だけ出力したい <tdv-if="currentId!=loop.id" class="text-center"><div:set=&qu...
から 2024-04-02 10:44:45
0
1
309
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート