Vue - добавить компонент CDN без веб-пакета

Question

Я хочу добавить этот компонент в мой проект Vue.js без использования веб-пакета.

Я пытался добавить это в head:

<script src="https://cdn.jsdelivr.net/npm/vuejs-auto-complete@0.9.0/dist/build.js"></script>

И это для body:

<autocomplete :source="[{id:1,name:'abc'},{id:2,name:'def'}]"></autocomplete>

Но возникает следующая ошибка:

[Vue warn]: Неизвестный пользовательский элемент: autocomplete - вы зарегистрировали компонентправильно? Для рекурсивных компонентов обязательно укажите опцию «name».

Что мне делать?

Здесь - ссылка на компонент на Github.

Answer 1

Сначала необходимо зарегистрировать этот компонент, как показано ниже

components: {
   Autocomplete: window["vuejs-autocomplete"]
}

Пример

new Vue({
  el: '#app',
  components: {
    Autocomplete: window["vuejs-autocomplete"]
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuejs-auto-complete@0.9.0/dist/build.js"></script>

<div id="app">
  <autocomplete :source="[{id:1,name:'abc'},{id:2,name:'def'}]"></autocomplete>
</div>

Answer 2

Вы зарегистрировали его в Vue.components(); в вашем main.js?