如何在没有npm的情况下使用组件。我使用CDN中的Vue

Question

我想使用vue-good-table，但是我使用CDN中的Vue，所以不能像文档中所述那样执行此操作。我可能可以使用以下命令导入该库：

https://unpkg.com/vue-good-table@2.16.2/dist/vue-good-table.cjs.js

但是如何在

中加载此组件

new Vue({
  delimiters: ['[[', ']]'],
  el: '#my-table',
  ....

？

Answer 1

我没有尝试过，但是您是否考虑过使用dist/vue-good-table.js添加脚本标签？然后，我希望您需要这样做：

Vue.use(VueGoodTablePlugin);

像其他任何Vue插件一样。

Answer 2

要以这种方式使用vue-good-table，可以使用

进行引用

window['vue-good-table'].VueGoodTable

例如：

new Vue({
  delimiters: ['[[', ']]'],
  el: '#my-table',
  components: {
    VueGoodTable: window['vue-good-table'].VueGoodTable
  },
  ....