如何在Vue中完全删除全局组件？

Question

我有一个名为button-widget的组件，它是全局注册的。

Vue.component('button-widget', {
    template: `<button>My Button</button>`
})

现在，如何才能永久删除此组件？

我不是在谈论v-if或$destroy() －我只是想以从未定义的方式完全删除此组件，因此，例如，我得到以下警告：{{ 1}}。

Answer 1

没有公共API可以做到这一点。

正确的解决方案不是首先在全局范围内进行注册，而只是将其添加到要在其中使用的每个组件的components选项中，从而针对每个组件使用它。

>

否则，您可以像这样注销它：

delete Vue.options.components['button-widget']