markdown コンポーネント

Posted 2021-05-05

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

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

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

```vue: HogeConponent.vue
<template>
  <div>
    <p>hogehoge</p>
  </div>
</template>

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

```vue: main.vue
<template>
  <div>
    <HogeCompoent></HogeCompoent>
  </div>
</template>

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

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