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