文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在Vue+typescript中为Angular创建Web组件？

问如何在Vue+typescript中为Angular创建Web组件？
EN

Stack Overflow用户

提问于 2021-08-06 16:33:32

回答 1查看 100关注 0票数 0

我使用vue-custom-element在Vue中创建Web组件，并在Angular中使用它。它可以很好地用于Vue+js：

import Vue from 'vue'
import Calculator from './components/Calculator.vue'

import vueCustomElement from 'vue-custom-element'

Vue.use(vueCustomElement)
Vue.customElement('js-calculator', Calculator)

我在index.html的Angular中使用：

<body>
  <app-root></app-root>
  <js-calculator msg="30"></js-calculator>
</body>

它工作得很好。但是当我在Vue中使用typescript和vue-class-component (而不是javascript)和相同的代码时，我在Angular中看不到web-component。Vue+ts计算器也可以在一个单独的应用程序中运行。可能的问题是什么？

vue.js

web-component

javascript

angular

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-08-06 17:47:50

正确答案是：

关于typescript而不是

Vue.customElement('ts-calculator', Calculator)

我们应该使用

Vue.customElement('ts-calculator', (Calculator as any).options)

或

Vue.customElement('ts-calculator', new Calculator().$options)

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68684914

复制

相似问题

问如何在Vue+typescript中为Angular创建Web组件？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Vue+typescript中为Angular创建Web组件？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Vue+typescript中为Angular创建Web组件？
EN