Vue.js 无法使用vue js切换按钮装载组件

我尝试将用于带有Vue 2的项目，但得到了如下所示的Vue警告

[Vue warn]：未能装载组件：模板或呈现函数未加载 明确的

vue组件内部：

import ToggleButton from 'vue-js-toggle-button'
export default {
  components: { ToggleButton }
}

那么

<toggle-button :value="true" :labels="{checked: 'Foo', unchecked: 'Bar'}"/>

---

该插件并不流行，任何帮助都将不胜感激。

您不会将切换按钮导出到其他组件中。您可以将其导入到任何要使用的组件中，并告诉Vue将其与Vue一起使用。

Vue.use（ToggleButton）

。然后您可以在组件的模板中使用它，然后导出整个组件

例如：

<template>
  <toggle-button #someOfYourValues#></toggle-button>
</template>

在这里，您不需要导入任何切换按钮！您只需将其用作组件内的标记即可

让我们转到主js文件，所有Vue实例都在该文件中创建。通常，它看起来与此类似：

<script>
  import Vue from 'vue'
  import ToggleButton from 'vue-js-toggle-button'
  Vue.use(ToggleButton)

  new Vue({
    el: #yourDivInTheBaseHTMLFile
    # some other stuff for your vue instance
  })
</script>

从“Vue”导入Vue
从“vue js切换按钮”导入切换按钮
Vue.use（切换按钮）
新Vue({
el:#你的DivingtheBasehtmlFile
#您的vue实例还需要一些其他东西
})

我在自己当前的Vue项目中对其进行了测试，该项目是一个包含大量组件的待办事项列表。当您执行

Vue.use（）

时，它实际上可以在每一个Vue.use（）中工作。 如果需要，我可以将您链接到该项目，以便您可以查看，但这个简单的解释应该可以做到；）

完整性（Vue SFC等级）：

src/main.ts：

从“Vue”导入Vue；
从“vue js切换按钮”导入切换按钮；
Vue.use（切换按钮）；
新Vue({
...
渲染：h=>h（应用程序）
}).$mount（“#app”）；

src/components/MyComponent.vue：

从“vue属性装饰器”导入{…}；
//不要在此处导入组件
@组成部分({
组成部分：{
//不要在此处声明组件
}
})
导出默认类MyComponent扩展Vue{
}

aha！我试试看