Vue项目中index.html、main.js与App.vue关系

index.html:

1. 这里面的<div id="indexHtmlOfApp"></div>就是即将要挂载vue组件的地方，页面加载时，首先会加载index.html页面，即使
   区域中有元素，也会被App.vue组件里的元素所替换

App.vue:

App.vue是根组件，id是app，所有的组件都可以在此之下定义，通过路由进行跳转页面

main.js

连接了index.html和App.vue的桥梁，

import App from './App'
import router from './router'

导入了App根组件和路由

el: '#indexHtmlOfApp'就是index.html中

中的id
components: { App }就是导入的根组件，然后将其挂载到index.html中id为indexHtmlOfApp的

区域