2016-04-05 20 views
0

私はVueJSでアプリケーションを作成しています。これはMelonJSでゲームを起動し、スコアをmongoDBデータベースに渡します。MelonJSゲームを実行するVueJSコンポーネント

現時点では、ゲームを挿入したい.vueコンポーネントがあります。

ゲームはゲームを実行する場所のdiv screenがある

</template> 

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

<script> 


</script> 

を起動する必要があります場所です。元のゲームはファイルを縮小し、index.htmlファイルでそのdivに挿入されます。

This is the game that I want to use

それはスクリプトファイルを必要とするか、またはインポートするために来るとき、私は混乱しています。 Vueはコンポーネント内にこのような大きなブロックを使用してサポートしていますか?新しいプロジェクトのhtmlファイルにファイルをリンクすると、コンポーネントが読み込まれるとjsファイルとcssファイルにアクセスできますか?

私は、私がコンポーネントにそれらを必要とすることができ、htmlファイルのように動作するという考えが私の頭にあります。

+0

次のコメントは、私たちのジッターチャットのjsmilovicからのコメントです。おそらくそれは役に立つでしょう:>私はVueを使っていないが、ドキュメントを見てみると、それぞれのVueにはel(あなたがバインディングしている要素)とready(https:// vuejs .org/guide/instance.html#ライフサイクルダイアグラム)。 あなたはあなたの要素をレンダリングするためにelを提供しています。この人はVueを作成することができます。これは、すべてのゲームファイルにelの "#screen"を必要とし、readyイベントの発動が提供されたセレクタ(この場合スクリーン)にレンダリングするgame.onload() –

+0

これを今試みてください。あまり意味をなさないように、私は#ueをVueで使うことを全く忘れていました。 – lockykeaney

答えて

0

これで適切な答えを追加すると、それがうまくいくならば何か受け入れられるだけでなく、いくつかのソースが追加されます。

各Vueのはelを持っている - だけでなく、あなたがelを供給メロンでready

などのイベント(これは、彼らがラッパを呼び出すオプションのdivです)レンダリングするために - あなたが結合されている要素があるどのあなたの要素が入っているので、 "#screen"のelを持つすべてのゲームファイルを必要とするVueを作成することができます。readyイベントが発生すると、指定されたセレクタにレンダリングされるgame.onload() (この場合スクリーン)

関連する問題