05 vue-cli如何运行

一、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）作为我们的顶级组件（逻辑上的）！