vue-cli3 создает компоненты с подпорками и внедряет их в html - PullRequest
Новая
       8

vue-cli3 создает компоненты с подпорками и внедряет их в html

0 голосов
/ 08 декабря 2018

Используя vue-cli3, как можно создавать автономные веб-компоненты?

Что я пытаюсь: создать компонент, которому нужна подпорка для запуска приложения 

<div id="app">
   <my-app-needs-id :id="12" />
</div>

В настройках по умолчанию я не могу запустить компоненты из html

, пытаясь использовать другой подход, используя @vue/web-component-wrapper, как показано в примере здесь .

<template>
  <div>
    <h1>My Vue Web Component</h1>
    <div>{{ msg }}</div>
  </div>
</template>
<script>
  export default {
    props: ['msg'] 
  }
</script>

import Vue from 'vue';
import wrap from '@vue/web-component-wrapper';
import VueWebComponent from './components/VueWebComponent';

const CustomElement = wrap(Vue, VueWebComponent);

window.customElements.define('my-custom-element', CustomElement);

будет работать, но у меня проблема со стилем в том смысле, что стили с заданной областью не предназначены.

...