Как создать экземпляр компонента VueJS из vanilla JS - PullRequest
Новая
       19

Как создать экземпляр компонента VueJS из vanilla JS

1 голос
/ 12 июля 2020

После того, как вы скомпилировали кучу компонентов Vue одного файла в один файл JS, есть ли способ использовать их из vanilla JS (ES5) в браузере, чтобы динамически вставлять их на страницу ?

Я нашел инструмент, который компилирует SF C в JS здесь: https://github.com/RonnieSan/vue-browser-sfc

... но вам нужно скомпилировать каждый компонент в отдельный файл. js.

Итак, есть ли способ использовать Webpack для компиляции файла дистрибутива. js и сделать все компоненты одного файла доступными из браузера?

Например, 

<html lang="en">
<head>
    <script src="/dist/index.js"></script>
</head>
<body>
    <div id="wrapper">
      <my-component></my-component>
    </div>
    <script>
    var app = new Vue({
      el : '#wrapper'
    });
    
    // How do I access the MyComponent object?
    </script>
</body>
</html>
...