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（）會呈現在提供的選擇器上（在這種情況下為屏幕）