34. Vue実行処理(mian.jsがapp.vueをindex.htmlの指定領域にレンダリング)

Vue実行プロセス(mian.jsがapp.vueをindex.htmlの指定領域にレンダリングします)

 

  1. Vue は、app.vue の構造 (つまり、<temple> 内のコンテンツ) を、main.js を通じてインデックスと HTML の指定された位置 (つまり、その中の div id="app" の位置) にレンダリングします。
  2. mian.js のコンテンツ構造を理解する

 

ここでプロセスを整理します。最初に vue パッケージをインポートし、次に app.vue ルート コンポーネントをインポートし、その中に vue インスタンス オブジェクトを作成して、render 関数を通じて指定されたコンポーネントを HTML にレンダリングします。

比較してみましょう: (以前はこの el でレンダリングする領域を指定していましたが、現在は $mount() を使用しています)

 

これは、その中の div id=app を置き換える el です

 

要約:

 

おすすめ

転載: blog.csdn.net/logtcm4/article/details/131203412