index.html, App.vue, <template>, <script> 실행순서가 궁급하니다(라이프사이클 X)

수업 7_til-list 브랜치에서 그냥 console.log를 여러곳에
넣어보고 npm run serve 해보니 위와 같이 나와서 뭔가 혼란 스럽더라구요

라이프사이클 훅은 어느정도 이해가 가는데

왜 AppHeader.vue의 script태그가 제일 먼저 실행되고

또 store/index.js와 routes/index.js는 main.js에서 import해오기 전에도 어디서 왜 먼저 실행되는지 모르겠습니다...

그리고 main.js에서 store/index.js, routes/index.js를 import해오는 순서를 바꾸니까 콘솔 출력 순서도 바뀌더군요

그냥 index.html, App.vue, main.js, store/index.js, routes/index.js, api/index.js, api/common/interceptors.js, 등 이런 .html, .vue의 <template>, .vue의 <script> , .js 실행 순서가 궁금합니다