index.html---主頁，專案入口

App.vue---根元件

main.js---入口檔案

在網頁的Title部分，載入了index.html中定義的Title，而在正文部分，載入了App.vue中定義的部分.

在瀏覽器開啟的瞬間，瀏覽器中正文部分會瞬間顯示index.html中定義的正文部分.

那麼，我們就可以來分析上述的邏輯了，瀏覽器訪問專案，最先訪問的是index.html檔案.

而index.html中

上面有一個id為app的掛載點，之後我們的Vue根例項就會掛載到該掛載點上

main.js作為專案的入口檔案，在main.js中，新建了一個Vue例項，在Vue例項中，通過el告訴該例項要掛載的地方(即例項裝載到index.html中的位置）.

接著，例項中註冊了一個區域性元件App，這個區域性元件App來自於哪兒呢？這個區域性元件是當前目錄下的App.vue；

模板是什麼呢？模板就是元件App.vue中的template中的內容（template會替代原來的的掛載點處的內容）

new Vue({
    el: '#app111',
    router,
    store,
    template: '<App/>',
    components: { App }
 

})

總結：

　　在專案執行中，main.js作為專案的入口檔案，執行中，找到其例項需要掛載的位置，即index.html中，剛開始，index.html的掛載點處的內容會被顯示，但是隨後就被例項中的元件中的模板中的內容所取代，所以我們會看到有那麼一瞬間會顯示出index.html中正文的內容。

而index.html中的Title部分不會被取代，所以會一直保留。