Почему при использовании пользовательских тегов HTML появляется ошибка Vue?

Question

Мне действительно нравится Vue Я новичок ie пытаюсь использовать только собственный тег:

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

Однако я получаю сообщение об ошибке, что мне нужно зарегистрируйте этот компонент. Итак, чтобы решить эту проблему, я использовал: https://vuejs.org/v2/api/#ignoredElements

Я пробовал и в других фреймворках, и ошибки не отображаются, но другие фреймворки придерживаются другого подхода. Возможно, невозможно различить guish между компонентом и настраиваемым тегом.

настраиваемый компонент = настраиваемый тег + инкапсулированное поведение и стиль

Возможно чтобы избежать этого в 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