Cacher is the code snippet organizer for pro developers

Vueには.vueファイルというものがある。これはHTML,JS,CSSをそのまま同じファイルに書けるというもの。これを使うと何がいいってコンポーネントごとにファイルを分けられる。

でもどっかでコンポーネントを合わせるファイルが必要になるわけだけど、どうやって読み込むか。

読み込む側のvueの<script>内でimportで読み込み、compoents: {}に登録する。 そして<template>で使う。

<template>
  <div>
    <p>hogehoge</p>
  </div>
</template>

<script>
export default {
  // このtemplateの処理が必要ならここに書いてexport
}
</script>
<style></style>

<template>
  <div>
    <HogeCompoent></HogeCompoent>
  </div>
</template>

<script>
import HogeCompoent from "./HogeCompoent";

export default {
  components: {
    HogeComponent,
  },
}
<script>