如何使用vue-simple-spinner？

Question

我使用vue-simple-spinner：

在我的main.js中：

import Spinner from 'vue-simple-spinner'
....
Vue.component('vue-simple-spinner', Spinner)

但是当我在app.vue：

中使用它时

<template>
  <div>
    <vue-simple-spinner></vue-simple-spinner>
  ...

我会收到Unknown custom element错误：

  

[Vue警告]：未知的自定义元素： - 您是否正确注册了组件？对于递归组件，请务必提供＆＃34; name＆＃34;选项。

Answer 1

似乎您只是缺少将其作为脚本部分中的组件包含在内。

您需要确保已在组件的脚本部分中注册并导入了它。

<script>
import Spinner from 'vue-simple-spinner'

export default {
  name: 'App',
  components: {
    Spinner
  }
}
</script>