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

作者站长头像
站长
· 阅读数 15

vue3 自己设置根组件失败,请大家帮忙看看?vue3 自己设置根组件失败,请大家帮忙看看?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整个页面都删掉了

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

回复
1个回答
avatar
test
2024-07-17

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

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容