先后順序：

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內的代碼

總結

以上是生活随笔為你收集整理的vue项目中主要文件的加载顺序（index.html、App.vue、main.js）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。