Bir MelonJS oyunu çalıştırmak için VueJS bileşeni

Question

MelonJS ile bir oyun başlatan VueJS ile bir uygulama yapıyorum ve daha sonra mongoDB veritabanı için puan geçer.

Şu anda, oyuna enjekte etmek istediğim bir .vue bileşenim var. Oyun oyunu çalıştırmak için nerede

</template> 

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

<script> 


</script> 

div screen olduğunu başlatmak gereken yerde

budur. Orijinal oyun dosyaları küçültür ve index.html dosyasında bu div'a enjekte edilir. o gerektiren veya komut dosyalarını içe geldiğinde

This is the game that I want to use

Ben karıştı. Vue, bir bileşende bu kadar büyük kod bloklarını destekliyor mu? Dosyaları yeni proje html dosyasında bağlarsam, bileşen yüklendikten sonra js ve css dosyalarına erişebilir mi?

Aklımda, bunları bileşenlere gereksinim duyabileceğime dair bir fikrim var ve bu html dosyası gibi davranacaktır.

Answer 1

Uygun bir yanıt ekleyerek çalışıp çalışmadığını ve daha fazla kaynak sağladığını kabul edeceğiniz bir şeyiniz var.

Her Vue olan bir el - Bir el (Bu yönüyle bir sarmalayıcı opsiyonel div diyoruz edilir) işlemek için tedarik kavun olarak ready

gibi yanı sıra olaylar - size bağlayıcı bir unsurdur hangisi öğelerinizin içine girdiğinizde, "#screen" seçeneğiyle tüm oyun dosyalarını gerektiren bir Vue oluşturmalısınız ve hazır olay tetiklendiğinde, verilen selektöre dönüşecek game.onload() öğesini tetiklersiniz. (bu durumda ekran)