Vue.js export defaultと new Vueの構文の違いが理解できない

Question

vueを学習している際に様々な記事を見ながら学習したところ、下記の2通りに
遭遇いたしました。

export default {
    name: 'app',
    data: []
}

new Vue({
    el: '#app',
    data: []
)}

違いについて調べたところ、
export defaultは、コンポーネント化したい場合に使う。
ほかの場所からも呼び出せるようになる。
単一ファイル構成の場合はこれが使われる。
new Vueはそのとき実行したい場合に使う。
と出てきましたが、初学者というのもありいまいち理解できずにいます。

どなたかお手隙の方がいらっしゃいましたら、詳しく教えて頂きたいです。

Answer 1

export defaultはexport文というもので、new Vue()はVueという名前のクラスのインスタンスを生成しています。

---

どちらもJavaScriptの基本的な構文なので、私がいろいろ説明するよりも、ご自身でexport文とクラスについて検索したほうが、（いい記事もたくさんあるので）理解しやすいと思います。参考までにMDNのドキュメンテーションのリンクを記載しておきます。

• export - JavaScript | MDN
• クラス - JavaScript | MDN

Comments

[lily12]

コメントが遅くなり大変申し訳ございません。
丁寧な回答誠に有難うございます。
jsの学習も再度しなおしてまいります。

誠に有難うございました！