【vue3】Componentはdefault importしかダメらしい

Componentはdefault importしかダメ

default import とは

import ValidationErrors from '@/Components/Examples/ValidationErrors.vue';

みたいにimport 名前としてimportしてくる形

named import とは(これはできない)

import { ValidationErrors } from '@/Components/Examples/ValidationErrors.vue';

みたいにimport { 名前 }として{}を用いてimportしてくる形。

ダメな理由

→大規模開発になるにつれて命名の自由度が高くなると命名が複雑化して必ず使いにくくなるから？らしい。

named importを使ったときに出るエラー

does not provide an export named 〇〇...

のように「そんなnamedは受け付けてません。。。」的なこと言われるはず。

参考記事(公式)
参考記事(qiita)

最近業務でフロント周りも触っているので投稿増えるかも