Vue 06-1 Develope based on SFC


SFCベースの開発


単一ファイルコンポーネントとして開発されたJavaScriptの発展史

🔵 JavaScriptの歴史


JavaScript制限

  • JavaScriptの誕生はブラウザで実行される言語
  • である.
  • JavaScriptは断片化と標準化の歴史
  • です.

    node.js(克服)


    Google Chrome V 8 JavaScriptエンジンを使用して作成したJavaScriptランタイム環境です.
  • 私の地元でもJSが使えるようになりました!(ランタイム環境:プログラミング言語ランタイム環境)
  • 、つまり、ブラウザ上でのみ駆動されるハーフビットJavaScriptを使用して、サーバ側プログラミング
  • を実行できます.

    🔵 SFCを可能にする機能


    Babel


    JavaScript構文を断片化(解釈)するためのツール.
  • コンパイラ:特定のプログラミング言語で作成されたドキュメントを他のプログラミング言語に翻訳します.
  • を断片化した(ブラウザのホットスポットにまたがる)JS構文をデフォルト構文に変換するツール(最新の構文を古い構文に変換する)!
  • Webpack


    モジュール間の依存性の問題を解決するためのツール
  • JSはモジュールを提供していません.
  • モジュールとは?範囲を考えればいいJSはエリア全体を捉え、他のファイルでも共有しています.
  • このため、次の問題が発生しました.
    <body>
    	<script src="a.js"></script>
    	<script src="b.js"></script>
    </body>
    //a.js
    const a = 1
    console.log(a)
    // result : 1
    //b.js
    a = 2
    ->定数変数に誤って割り当てられます.再割り当てエラー!!
  • JSもモジュールㅠ
  • が必要
  • しかし、モジュール間で의존성が発生した.(a.js→b.jsの順なので…)
  • ->bundle:bundleを作成および書き込むためのツール