vue3和vue2在挂载入口的处理是不一样吗?

发布于 2022-09-12 23:33:54 字数 455 浏览 10 评论 0

index.html入口

App.vue

在页面挂载之后,vue3是用App.vue添加到index.html里面的div的,所以出现了两个id=“app”的div

但是在vue2中,同样的挂载之后是直接用App.vue来替换掉index.html里这个id=“app”的div,所以页面上最后就只有一个id=“app”的div

是不是这里的挂载机制出现了改变,有没有写法可以让3的挂载也是和2一样直接替换而不是在div内部添加内容。
3的挂载就是常规写法:createApp(App).mount("#app")

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

ま昔日黯然 2022-09-19 23:33:54

image.png
vue2一般写法是配置el,这时是使用outHTML获取根节点,也就是替换了整个节点,但是配置template,就是使用innerHTML获取根节点,而vue3正是使用innerHTML获取根节点
image.png

从这部分代码看vue2是可以达到vue3效果的,而vue3只有innerHTML方式没有outHTML方式

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文