Vue実行プロセス(mian.jsがapp.vueをindex.htmlの指定領域にレンダリングします)
- Vue は、app.vue の構造 (つまり、<temple> 内のコンテンツ) を、main.js を通じてインデックスと HTML の指定された位置 (つまり、その中の div id="app" の位置) にレンダリングします。
- mian.js のコンテンツ構造を理解する
ここでプロセスを整理します。最初に vue パッケージをインポートし、次に app.vue ルート コンポーネントをインポートし、その中に vue インスタンス オブジェクトを作成して、render 関数を通じて指定されたコンポーネントを HTML にレンダリングします。
比較してみましょう: (以前はこの el でレンダリングする領域を指定していましたが、現在は $mount() を使用しています)
これは、その中の div id=app を置き換える el です
要約: