基础：App.vue 结构解析
2020-07-02 本文已影响0人
jacky_8897
这里说一 基本结构：
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这句代码，它会显示你生产模式的消息；
