vue項目中主要文件的加載順序（index.html、App.vue、main.js）

前後順序：

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