基础：App.vue 结构解析

这里说一 基本结构：

App.vue文件

import Vue form "vue"   // 导入 modules里面的vue包
import App from "./App" // 导入本地的App.vue ，省略了扩展.uve

Vue.config.productionTip = false // 生产环境下不显示一些不必要的log

new Vue({
    el: "#app",  // 节点id
    template: "<App />", // 模版
    components: { //导入组件
      App
   }
})

Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。
Vue.config.productionTip = false，阻止启动生产消息；
没有Vue.config.productionTip = false这句代码，它会显示你生产模式的消息；