为什么我在Vue中使用自定义HTML标签时出现错误？

Question

我真的很喜欢Vue，我是一个新手，只想使用一个自定义标签。

<ui-button>Learn more</ui-button>

但是我得到一个错误，说我必须注册那个组件。所以，为了解决这个问题，我使用了 https:/vuejs.orgv2api#ignoredElements。

我在其他框架中也试过，但没有显示错误，但其他框架采用了不同的方法。也许是无法区分组件和自定义标签。

自定义组件=自定义标签+封装的行为和样式。

是否可以在Vue中避免这种情况，而不将我的标签注册为组件？

更新

非常感谢你的时间和努力，请不要说其他框架更好。我只是想避免过度设计，使用简单的自定义标签来使HTML文档更易读。

Answer 1

你应该全局或本地注册组件。

全局注册

Vue.component('my-component-name', {
  // ... options ...
})

本地注册（在另一个组件中）

import ComponentA from './ComponentA.vue'

export default {
  components: {
    ComponentA
  },
  // ...
}