vue项目根目录下index.html中的id="app"，与src目录下的App.vue中的id="app"为什么不会冲突。

Question

使用cli构建项目后，在根目录下有个index.html文件，其中有一行代码为：
//index.html

Answer 1

已实验过，将index.html的id="app"改成其他值，会报错。因此，el:'#app'绑定的是index.html中的id="app"的元素已检查过生成的页面代码，其中只有一个，下面有一行注释，所以可以判断，此段来自index.htmlindex.html中的是指定绑定元素根路径的App.vue的则是用于具体注入绑定元素的内容由于Vue组件必须有个根元素，所以App.vue里面，根元素与外层被注入框架index.html中的是一致的index.html中的#app指定绑定目标，而vue文件里的#app提供填充内容，两者在运行时指的是同一个DOM元素。

Answer 2

替换了而已。newVue({el:'#app',template:'helloworld'})渲染的结果是helloworldnewVue({el:'#a',template:'helloworld'})渲染的结果是helloworldnewVue({el:'#app',template:'helloworld'})渲染的结果是helloworld