即使已注册也不能使用自定义元素

Question

我必须在我的项目中使用一个自定义元素，它曾经工作得很好。我现在正在更改项目的设计，所以我从零重新启动它，现在我不能使用自定义组件。

我没有更改自定义元素本身的任何内容。

这是我要使用元素的 hte 页面的代码：

<template >
<v-app>
<body>
  <v-img id="background" :src="images.background"></v-img>
  <v-img id="logo-transparent" :src="images.logoTransparent"></v-img>
  <DraggableDiv class="dragdiv">
    <template>

    </template>
  </DraggableDiv>
</body>
</v-app>
</template>

这是脚本部分：

import DraggableDiv from '../components/DraggableDiv.vue'
export default {
  name: 'CreationCouches',
  data: () => ({
  components: {
    DraggableDiv,
    Palette
  }
})

你能帮帮我吗？

Answer 1

事实上，我将组件添加到 data() 中，但它必须在它之外：

import DraggableDiv from '../components/DraggableDiv.vue'
export default {
  name: 'CreationCouches',
  data: () => ({
     //some data
}),
  components: {
    DraggableDiv,
    Palette
  }
}

即使已注册也不能使用自定义元素

Can't use a custom element even if it is registered

vue.js

vue-component