用于运行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这样的事件

在甜瓜中，您提供了一个屏幕(这是可选的div，他们称之为包装器)来呈现您的元素，因此您应该能够创建一个Vue，它需要所有的游戏文件，并且当el事件触发时触发game.onload()，它将呈现到所提供的选择器(在本例中为screen)上