如何注册Vue组件

Question

我最近开始使用Vue，我一直在寻找在项目中使用Vue.Draggable的方法 。 由于使用了框架和当前设置，因此我无法实现单页组件.vue文件，而是仅将带有字符串模板的app＆组件编写为.js -files。

我无法弄清楚如何将可拖动对象包括到我的应用程序中。

基本结构如下：

#HTML
<div id="app">
 <mycomponent></mycomponent>
</div>

<script src="vuedraggable.js"></script>
<script src="component.js"></script>
<script src="app.js"></script>

-

#app.js  (simply a wrapper)
var vm = new Vue({
    el: '#app',
});

-

#component.js
    Vue.component('mycomponent',{
    template: `
        <form>
            <h2>{{ form.label }}</h2>
            <draggable v-model="form.fields" class="dragArea"> 
                <div v-for="field in form.fields">
                    <field :field="field"></field>
                </div>
            </draggable>
        </form>
    `,
    data: function() {
        return {
            form: { ... form-structure-to-be ...}
        };
    },
    });

通过这种结构，我会收到错误消息“ vue.js：440 [Vue警告]：未知的自定义元素：-您是否正确注册了组件？”

我一直无法弄清楚“ require”或“ import”方法，并假定两者都需要引导程序。 由于环境的原因，我很难安装带有NPM和捆绑功能的库，我希望手动注册组件-这可能吗？如何？

有人可以给我指示吗？