先后順序：

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

測試的頁面代碼塊：




文件的加載先后順序：

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

---

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

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



index.html > App.vue的export外的js代碼 > main.js調(diào)用公共函數(shù)外的代碼 > App.vue公共函數(shù)的定時器外的代碼 > main.js調(diào)用公共函數(shù)內(nèi)創(chuàng)建實例前的代碼 > App.vue的export里面的js代碼 > main.js調(diào)用公共函數(shù)內(nèi)創(chuàng)建實例后的代碼 > App.vue公共函數(shù)的定時器內(nèi)執(zhí)行回調(diào)函數(shù)后的代碼 > Index.vue的export外的js代碼

可以看到創(chuàng)建實例的前后，中間執(zhí)行了一次App.vue中的mounted內(nèi)的代碼

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。