一、index.html
index.html跟其他html一样,只有一个空的根节点,提供main.js用来挂载实例,所有内容通过vue来填充。
二、main.js
main.js主要是引入vue框架,根组件及路由设置,并且定义vue实例。
main.js在渲染的时候会被webpack打包成app.js在文件index.html中会被引入。
三、App.vue
app.vue是根实例下的一个子组件,但是我们一般都将他作为顶级组件(或叫根组件),但是根组件只是相对而言的,下面我们就是将App.vue作为子组件来用
总结:所谓的根组件或者顶级组件仅仅是相对而言的,因为main.js是入口文件不适合写逻辑,所以下面分支出一个(App.vue),我们使用的时候就把这个子组件(App.vue)作为我们的顶级组件(逻辑上的)!