先后順序：

index.html > App.vue的export外的js代碼 > main.js > App.vue的export里面的js代碼 > Index.vue的export外的js代碼

測試的頁面代碼塊：




文件的加載先后順序：

Index.vue的mounted()中的輸出沒有執行。why？

---

每個 Vue 應用都是通過用 Vue 函數創建一個新的 Vue 實例開始的，所以我們試下延遲創建新的Vue實例的情況下加載的順序。

這里主要修改的是App.vue和main.js的代碼，index.html和Index.vue主要是添加執行的時間：



index.html > App.vue的export外的js代碼 > main.js調用公共函數外的代碼 > App.vue公共函數的定時器外的代碼 > main.js調用公共函數內創建實例前的代碼 > App.vue的export里面的js代碼 > main.js調用公共函數內創建實例后的代碼 > App.vue公共函數的定時器內執行回調函數后的代碼 > Index.vue的export外的js代碼

可以看到創建實例的前后，中間執行了一次App.vue中的mounted內的代碼