Блог

Мне нужно создать веб-компонент, который будет использоваться в качестве встраиваемого виджета на различных сайтах. Для этого я следую Vue.js документы для использования цели сборки веб-компонента vue-cli.

 vue-cli-service build --target wc --name my-element MyElement.vue
  

Эта команда создает автономный веб-компонент из MyElement vue.js компонент. Пока все работает так, как ожидалось.

Моя первая проблема связана с разными точками входа для веб-компонента и для «обычной» сборки. Для обычной сборки у нас есть main.js файл, который загружает Vue, регистрирует глобальные плагины Vue.use(plugin) и создает новый экземпляр Vue. При использовании wc целевого объекта точка входа — это просто элемент, поэтому нет опций для регистрации глобальных плагинов, Vue.use() которые необходимо запустить перед созданием экземпляра Vue.

Итак, мой первый вопрос: как мне загружать плагины при Vue.use() создании веб-компонента?

Мой 2-й вопрос: я использую библиотеку компонентов для Vue, например, Quasar. (или любой другой) Но я получаю странные ошибки при использовании встроенных веб-компонентов, которых я не получаю при запуске «обычной» сборки. Есть ли какая-то особая причина, по которой определенные библиотеки компонентов не будут работать для wc цели? Если да, то что это такое? Как я могу обойти это? Существуют ли какие-либо конкретные библиотеки компонентов, которые поддерживают веб-компоненты?