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

Question

I really enjoy Vue I'm a newbie trying to use just a custom tag:

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

However I get an error saying that I have to register that component. So, to solve this I used: https://v2.vuejs.org/v2/api/#ignoredElements

I tried in other frameworks too and not errors are shown but other frameworks follow different approach. Maybe is not possible to distinguish between a component and a custom tag.

custom component = custom tag + encapsulated behavior and style

Is possible to avoid this in Vue without registering my tags as components?

Update

Thank you so much for your time and efforts and please I'm not saying other frameworks are better. I just wanna avoid over-engineering and use simple custom tags to make the HTML document more readable.

Answer 1

You should register components globally or locally.

Global registration

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

Local registration (in another component)

import ComponentA from './ComponentA.vue'

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

More information about that https://v2.vuejs.org/v2/guide/components-registration.html