2016-04-05 31 views
0

我正在用VueJS进行一个应用程序,该应用程序使用MelonJS启动游戏,然后将得分传递给mongoDB数据库。运行MelonJS游戏的VueJS组件

目前,我有一个.vue组件,我想注入游戏。

这是游戏应该推出

</template> 

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

<script> 


</script> 

股利screen是游戏的运行。原始游戏将文件缩小,并将其注入到该div中的index.html文件中。

This is the game that I want to use

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

我的想法是,我可以要求他们进入组件,它会像HTML文件一样行事。

+0

以下评论来自我们的gitter聊天上的jsmilovic。也许它会有帮助:>我没有使用Vue,但在查看文档时,似乎每个Vue都有一个el(它是您绑定的元素)以及ready(https:// vuejs .org/guide/instance.html#Lifecycle-Diagram)。 在melon中你提供了一个el来渲染你的元素......所以这个人应该能够创建一个Vue,它需要所有的游戏文件和一个“#screen”的el,当ready事件触发时game.onload()将渲染到提供的选择器(本例中为屏幕) –

+0

立即尝试此操作。说得有道理,我完全忘记了在Vue中使用#el。 – lockykeaney

回答

0

添加一个正确的答案,所以你有东西可以接受,如果它的作品,以及一些更多的采购。

每个Vue公司有一个el - 这是你要绑定的元素 - 您提供的el(这是可选的DIV他们所谓的包装器)来渲染,以及像ready

在瓜事件你的元素进入,所以你应该能够创建一个Vue,它需要所有的游戏文件和一个“#screen”的el,当ready事件触发时会触发game.onload(),它会渲染到提供的选择器(在这种情况下屏幕)