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

Question

在一个Vue项目中，main.js:
importVuefrom'vue';
importAppfrom'./App';
importrouterfrom'./router';
newVue({
el:'#app',
router,
template:'',
components:{App}
});
App.vue:
我想问下，在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格式的文件，详见文档