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内的代码