Question

我最近开始使用Vue，我正在寻找在我的项目中使用Vue.Draggable。由于使用的框架和当前设置，我还没有能够实现单页面组件.vue文件，而只是简单地编写app＆amp;带有字符串模板的组件到.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 ...}
        };
    },
    });

通过这种结构，我得到了错误＆＃34; vue.js：440 [Vue警告]：未知的自定义文件： - 您是否正确注册了组件？＆＃34;

我还没有能够找出＆＃34;要求＆＃34;也不是＆＃34; import＆＃34;方法并假设两者都需要自举。由于环境问题，我正在努力安装NPM＆amp; amp;库。捆绑，我宁愿手动注册组件 - 这可能吗？如何？

有人可以给我指点吗？

如何注册vue组件

0 个答案: