我最近开始使用Vue，我正在寻找在我的项目上使用Vue.Draggable . 由于使用的框架和当前设置，我无法实现单页面组件.vue文件，而只是简单地将带有字符串模板的应用程序和组件写入.js -files .

我无法弄清楚如何将draggable包含在我的应用程序中 .

基本结构如下：

#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和捆绑库，我更愿意手动注册组件 - 这可能吗？如何？

有人可以给我指点吗？

vuejs2 vue-component