VUE:在组件中添加组件参考后未知自定义元素

Question

我是vue的新手，并测试了Vue-Draggable Component。一旦添加了对Vue-Draggable组件的引用后，我会收到错误"未知自定义元素：＆lt; fxm-form> - 您是否正确注册了组件？对于递归组件，请确保提供"名称"选项"。

我在这里想念什么？较早的类似线程在组件中没有引用的组件。

import draggable from "./vue-draggable";
Vue.component('fxm-form', {
    name: 'fxm-form',
    props: [
        "formMode"
    ],
    components: {
        draggable
    },
    data() {
        return {
            list: ['AAA', 'BBB', 'CCC', 'DDD', 'EEE', 'FFF']
            }
    },

    mounted() {
    },
    methods:
    {
    },
    template: `
    <div>
      <h1>Dragable Test</h1>
      <draggable :list="list" class="drag-container">
        <div v-for="item in list" class="drag-item">{{ item }}</div>
      </draggable>
    </div>
`
});

Answer 1

使用Vue.component()创建组件时，它会在全球登录组件。

根据官方文档：

必须在创建根VUE实例（使用新VUE）之前进行全局注册

这是因为您在VUE实例之前尚未初始化组件。

您可以在Vue Instance中注册组件。

这是工作代码示例