【Vue】そもそもexport defaultってなんなん？

背景

普段JSを書くときはwebpackを使う環境でJSファイルに書いています。
ところがデモなんかで見かける<script>内にVueを書くやり方だと、こんな感じになってます。

<script>
export default {

}
</script>	

「export defaultって何これ」ってなったので少し調べてみました。

export defaultとは

Vue特有の記述ではなくJavaScriptの記述。
要は「外部から読み込むときに囲んだ部分を1つの処理として渡す」処理です。

new Vueじゃないん？？？

脳死でnew Vueしてたので真っ先に思いました💦
書き方が違うだけなので、export defaultで書き換えることができるようです。

new Vue
→そのとき実行したい場合。

export default
→コンポーネント化したい場合。他の場所から呼び出せるようになるので。