[请教前端开发] 原生WebComponent+Vue 同时混用的问题

Programming
1

刚在StackOverflow 问过了, 以防有(用Emacs的)前端老手暗藏在这, 所以在这也问一下(毕竟项目比较急…)

Vue 会在内部解析元素然后再自己 createElement 去渲染

问题就是我自定义的 web-component 就会渲染两次: 第一次是原生DOM渲染
第二次是 Vue 在mount后直接先在DOM以外用createElement 创建再放进DOM里(渲染)

因为某些component会在加载时请求服务器数据(我用Hunchensock), 那样的话就会请求数据两次了… 请问我如何能够避免Vue重复去渲染(mountElement/createElement)呢? 看起来Web-Component 跟 Vue 有冲突啊?(如果 Vue 渲染的子元素里包含Web Component)

Go on Google…

2

Vue.config.ignoredElements ？ https://learn.vonage.com/blog/2020/10/30/use-web-components-in-vue-2-and-3-composition-api-dr/

3

这个我好像试过，在Vue3里是

image
image1230×176 19.8 KB

无效，只是去掉了相关的 warning