😫

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

2022/04/15に公開約400字

背景

普段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
→コンポーネント化したい場合。他の場所から呼び出せるようになるので。

GitHubで編集を提案

Discussion

ログインするとコメントできます