如何在没有webpack的情况下使用Vue.Draggable CDN？

Question

我是一个Vue的新手。在我的客户的CodeIgniter网站上，有一个页面(salesview)需要使用Vue，所以我通过以下方式将其包含进来。

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

我在一个叫做 salesview.js. 现在，我需要使用 Vue.Draggable 组件。我把它添加到页面中，是这样的。

<script src="//cdn.jsdelivr.net/npm/[email protected]/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']
  },
  ...
})