我刚开始学，看这个东西看了好久，官网文档的描述我不太理解，今天终于算明白了

模板将会替换挂载的元素。挂载元素的内容都将被忽略

如果还是不明白，改成这样子就好理解了：

这样写的意思是：实例化一个Vue，挂载到id为myapp的div里面，这个vue实例有个局部组件App。

webpack的模板写得这么绕的原因：（个人猜测）

• 如果像我那样写，dom树多了个不必要的div层
• 旧的版本应该是可以把实例挂载到body、header元素的，但是新的版本会报错：不要尝试挂载到body元素。

我这个回答应该是最清楚了

这个问题很简单，<App />他就是App.vue，template就是选择vue实例要加载哪个模板。最新的vue-cli脚手架模板现在是这个形式。App.vue是主程序，其他所有的.vue都是放在App.vue中，所以只需要加载App.vue就完全可以把其他的东西加载出来。

el是vue实例化的选项，提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器，也可以是一个 HTMLElement 实例。

template，作为 Vue 实例的标识使用。模板将会替换挂载的元素。挂载元素的内容都将被忽略，除非模板的内容有分发 slot

Template里面的App就是在这个实例里面注册的App组件 也就是整个过程就是将el所标识的元素替换成<App/> 而App就是在此实例注册的App组件。

以上是 的全部内容， 来源链接：