Как использовать компонент без npm. Я использую Vue от CDN

Как использовать компонент без npm. Я использую Vue от CDN

26.02.2019 10:24:14 Просмотров 42 Источник

Я хочу использовать vue-good-table, но я использую Vue из CDN, поэтому я не могу сделать это так, как описано в документации. Я, вероятно, могу импортировать эту библиотеку с помощью:

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

но как загрузить этот компонент в

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

?

У вопроса есть решение - Посмотреть?

Ответы - Как использовать компонент без npm. Я использую Vue от CDN / How to use component without npm. I use Vue from CDN

Является ответом!
bernie

26.02.2019 10:30:55

Я не пробовал этого, но вы смотрели на добавление тега скрипта с dist/vue-good-table.js ? Тогда я бы ожидал, что вам нужно это сделать:

Vue.use(VueGoodTablePlugin);

как и любой другой плагин Vue.

https://stackoverflow.com/questions/54880308/how-to-use-component-without-npm-i-use-vue-from-cdn/54880399#comment96530126_54880399
спасибо, я это сделал и получил ReferenceError: экспорт не определен - unpkg.com/vue-good-table@2.16.2/dist/vue-good-table.cjs.js :10
https://stackoverflow.com/questions/54880308/how-to-use-component-without-npm-i-use-vue-from-cdn/54880399#comment96530710_54880399
Вы уверены, что взяли его".js " версия и не та ".Си-Джей.js"?
nburkley

06.01.2020 08:20:57

Чтобы использовать vue-good-table таким образом, вы можете ссылаться на него с помощью

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

Например:

new Vue({
  delimiters: ['[[', ']]'],
  el: '#my-table',
  components: {
    VueGoodTable: window['vue-good-table'].VueGoodTable
  },
  ....
Закрыть X