VueJS组件可运行MelonJS游戏

Question

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

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

这是游戏应该启动的地方

</template>

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

<script>


</script>

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

这是我要使用的游戏

当需要或导入脚本文件时，我感到困惑。 Vue是否支持在组件中使用如此大的代码块？ 如果我将文件链接到新的项目html文件中，则一旦组件加载，它是否可以访问js和css文件？

我的想法是，我可以要求它们进入组件，并且它的行为就像html文件一样。

Answer 1

添加一个适当的答案，以便您在可行的情况下有所收获，以及更多的采购。

每个Vue都有一个el （您要绑定的元素）以及诸如ready之类的事件

在瓜中，您提供了一个el （这是他们称为包装器的可选div）来渲染您的元素，因此您应该能够创建一个Vue，它需要所有游戏文件，并且el为“ #screen”，并且当就绪事件触发时，将触发game.onload（），该game.onload（）会呈现在提供的选择器上（在这种情况下为屏幕）