我在Vue生态系统中根深蒂固,但是我正在学习的东西更多。我最近遇到了一个我不知道该如何处理的场景。
简而言之,有一个rollup
版的JavaScript文件,其中包含一些webcomponents不是Vue。我想在Nuxtjs spa中使用它们。但是,在其他vue组件中使用这些组件被证明有点麻烦。
我尝试了多种方法,例如
src/app.html
在链接的代码和框上将我的nuxt / vue spa夹在这些外部组件之间,但是它们不能正确显示v-html
将组件绑定到vue组件模板Vue.config.ignoredElements
及其各种组合。我提供了一个codesandbox来玩。
要查看正确的行为,请转到/app.html
,然后将第10-41行复制到一个空的本地html文件中,然后在浏览器中打开它。
有什么想法可以让它们变得更好玩吗?
到目前为止,我唯一发现的是这篇文章:
这是我产生Vue.config.ignoredElements
想法的地方