Компонент VueJS для запуска игры MelonJS

Question

Я делаю приложение с VueJS, которое запускает игру с MelonJS, а затем передает оценку вместе с базой данных mongoDB.

На данный момент у меня есть компонент .vue, в который я хочу ввести игру.

Это где игра должна запустить

</template> 

<style> 
#game-screen { 
    background-color: blue; 
} 
</style> 

<script> 


</script> 

ДИВ screen где игра должна работать. Оригинальная игра минимизирует файлы, а в файле index.html она вводится в этот div.

This is the game that I want to use

Я смущен, когда речь идет требовать или импортировать файлы сценариев. Поддерживает ли Vue использование таких больших блоков кода в компоненте? Если я свяжу файлы в новом html-файле проекта, то после загрузки компонента он будет иметь доступ к файлам js и css?

У меня есть идея на мой взгляд, что я могу потребовать их в компонент, и он будет действовать так же, как и файл html.

Answer 1

Добавление правильного ответа, чтобы у вас было что-то принять, если оно работает, а также несколько источников.

Каждый Vue имеет el - Какой элемент вы привязки к - а также события, как ready

В дыне вы поставлять el (Это необязательное ДИВ они называют обертку) для визуализации ваш элемент в, так что вы должны иметь возможность создавать Vue, для которого требуются все файлы игры, с el «#screen», а когда готовое событие срабатывает, запускается game.onload(), который будет отображаться на поставляемом селекторе (экран в этом случае)