vue3 自己设置根组件失败，请大家帮忙看看？

Question

1：是一定要用App.vue作为根组件吗(我怕项目里有根组件路径设置，所以直接删了原来的app.vue，把helloworld放最外层了)

2：我这里把helloworld.vue页面作为根组件，然后把helloworld页面上的div元素加载进来，提示 runtime-core.esm-bundler.js?d2dd:38 [Vue warn]: Failed to mount app: mount target selector "#hello" returned null.页面上不展示数据

3：我把div里的id删掉了，main.js里 mount填入（"#app"）,页面上可以显示数据，这个是为什么，app.vue整个页面都删掉了

感谢大家百忙之中来回答。

Answer 1

不是，默认的 #app 指的是最外层的 public/index.html 里面的元素。这个html才是你的spa的入口。打包只是把js插入到这个html里面去而已。vue初始化的时候这个dom是已经存在且加载完成的。而你的 #hello 是组件里面的，挂载的时候这个dom根本不存在。