export defaultとは何か

備忘録です

export defaultとは？

他のコンポーネントが外部から参照できるようにするもので、単一コンポーネント方式でよく使う。以下のようにscriptタグ内にコードを記述して使う

<script>
export default {
    //コード記述
}
</script>

何故export defaultを使うのか

VueCLIを使用する時点で、コンポーネント思想の考え方で作成することになる。コンポーネント思想は部品を組み合わせて一つのVueを作成するという考え方なので、作成したコンポーネントは他のコンポーネントも参照できなくてはいけない。
参照することで、参照したコンポーネントと自身で作成したコンポーネントを組み合わせることができる。
なので、VueCLIを使用するときは全てのの中にexport defaultは入れなくてはならない。

まとめ

VueCLIを使用する以上、export default内でコードを書く必要がある