运行MelonJS游戏的VueJS组件

Question

我正在用VueJS制作一个应用程序，用MelonJS启动一个游戏，然后将得分传递给mongoDB数据库。

目前，我有一个.vue组件，我想将游戏注入其中。                     

这是游戏应该启动的地方

               

</template>

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

<script>


</script>

div screen是游戏运行的地方。原始游戏缩小文件，并在index.html文件中将其注入该div。

This is the game that I want to use

在涉及要求或导入脚本文件时，我很困惑。 Vue是否支持在组件中使用如此大的代码块？如果我链接新项目html文件中的文件，一旦组件加载它将有权访问js和css文件？

我的想法是，我可以将它们放入组件中，它就像html文件一样。

Answer 1

添加正确的答案，以便在有效的情况下接受一些事情，以及更多的采购。

每个Vue都有一个el - 您要绑定的元素 - 以及ready等事件

在瓜中你提供了一个el（这是他们称之为包装器的可选div）来渲染你的元素，所以你应该能够创建一个Vue，它需要所有的游戏文件。 ＆＃34;＃screen＆＃34;，当ready事件触发时触发game.onload（），它将渲染到提供的选择器（在这种情况下是屏幕）