没有webpack怎么使用Vue.Draggable CDN？

Question

我是Vue上的新手。我客户的CodeIgniter网站上有一个页面(salesview)需要使用Vue，所以我把它包含在

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

我在一个名为salesview.js的文件中声明了Vue和它的组件。现在，我需要使用Vue.Draggable组件。我将其添加到页面，如下所示：

<script src="//cdn.jsdelivr.net/npm/sortablejs@1.8.4/Sortable.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/2.20.0/vuedraggable.umd.min.js"></script>

我不是在用webpack，这个组件怎么用呢？

Answer 1

我通过从窗口对象访问vuedraggable并将其添加到组件选项来解决我的问题，如下所示：

var vm = new Vue({
    el: '#app',
  components: {
    'sv-lead-column': svLeadColumn,
    'sv-customer-column': svCustomerColumn,
    draggable: window['vuedraggable']
  },
  ...
})