Vue - 添加没有 webpack 的 CDN 组件

Question

我想在不使用 webpack 的情况下将此组件添加到我的 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 警告]：未知的自定义元素：自动完成 - 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

我该怎么办？

这是 Github 上组件的链接。

Answer 1

您需要先注册该组件，如下所示

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

例子

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

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