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

Question

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

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

但是，我收到一条错误消息，提示我必须注册该组件。所以，为了解决这个问题，我使用了：https://vuejs.org/v2/api/#ignoredElements

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

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

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

更新

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

Answer 1

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

全球注册

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

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

import ComponentA from './ComponentA.vue'

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

更多关于https://vuejs.org/v2/guide/components-registration.html的信息