文件功能

index.html---主页，项目入口

App.vue---项目（Vue）根组件

main.js---项目入口文件

• 1、加载 index.html
• 2.1、加载 main.js，新建了一个Vue实例，在Vue实例中，通过

new Vue({
  el: '#app',
  //components: {App },
  //template: '<App/>'
})

• 2.2、告诉该实例要挂载的地方；（即实例装载到index.html中的位置）紧接着，实例中注册了一个局部组件App

import App from './App.vue'

new Vue({
  el: '#app',
  components: {App },
  //template: '<App/>'
})

• 3、加载 App.vue，通过模版渲染将App中的内容渲染在根结点上（替换原有根结点 index.html 中的所有内容）

import App from './App.vue'

new Vue({
  el: '#app',
  components: {App },
  template: '<App/>'
})

...