Fatal编程技术网
  • javascript/
  • Javascript VueJS2.0+；如何在vue组件模板中使用exteneral webcomponents

Javascript VueJS2.0+；如何在vue组件模板中使用exteneral webcomponents

javascript vue.js vuejs2

Javascript VueJS2.0+；如何在vue组件模板中使用exteneral webcomponents,javascript,vue.js,vuejs2,nuxt.js,web-component,Javascript,Vue.js,Vuejs2,Nuxt.js,Web Component,我在Vue生态系统中根深蒂固，但我学到的还有很多。我最近遇到了一个我不知道如何处理的场景 简而言之，有一个汇总的-ed JavaScript文件，其中包含一些不是Vue的文件。我想在Nuxtjs水疗中心使用这些。但是，在其他vue组件中使用这些组件有点麻烦 我尝试过多种方法，例如： 在本地（在停靠环境中），我可以通过更改链接的codesandbox上的src/app.html，将我的nuxt/vue spa夹在这些外部组件之间，但它们不能正确呈现 我已尝试通过v-html 我尝试了Vue.co

我在Vue生态系统中根深蒂固，但我学到的还有很多。我最近遇到了一个我不知道如何处理的场景

简而言之，有一个
汇总的
-ed JavaScript文件，其中包含一些不是Vue的文件。我想在Nuxtjs水疗中心使用这些。但是，在其他vue组件中使用这些组件有点麻烦

我尝试过多种方法，例如：


    

  • 在本地（在停靠环境中），我可以通过更改链接的codesandbox上的
    src/app.html
    ，将我的nuxt/vue spa夹在这些外部组件之间，但它们不能正确呈现
    • 

  • 我已尝试通过
    v-html
    • 

  • 我尝试了
    Vue.config.ignoredElements
    • 

  • 我已经尝试用注入组件的脚本标记绑定组件
    • 


及其各种组合。我提供了一个游戏平台

要查看正确的行为，请转到
/app.html
，将第10-41行复制到空的本地html文件中，并在浏览器中打开它

有没有办法让这些游戏玩得更好

到目前为止，我唯一发现的是这篇文章：


    

  • 


这就是我得到
Vue.config.ignoredElements
想法的地方