import App from './App'; 的具体含义。

Question

在一个Vue项目中，main.js:importVuefrom'vue';importAppfrom'./App';importrouterfrom'./router';newVue({el:'#app',router,template:'',components:{App}});App.vue:exportdefault{name:'app'}我想问下，在main.js中，importAppfrom'./App';到底是导入了什么？是不是导入了整个App.vue（也就是说包括App.vue的：template,script,style）?

Answer 1

是的。可以看到引入之后是作为组件展示的：
newVue({
el:'#app',
router,
template:'',
**components:{App}**
});
也就是一个页面，对比html，template是静态页面，style是css样式，script是逻辑代码，页面要完整自然不能引入不完整。
                            

Answer 2

importAppfrom'./App';实际上是importAppfrom'./App.vue';注意只有在webpack下并且配置了vue-loader才能importvue格式的文件，详见文档