2 Nuxt.jsはじめにはじめに2.1 Nuxt.js
分離の終わりを促進するモバイルインターネットの台頭は、Webサーバが唯一、ビジネスに集中のみフロントエンドユーザ体験、などの人気などの技術を、レンダリングのフロントエンドフロントエンドの広範な使用に焦点を当てる前と後の枠組みを反応させ、開発の開発モデルをvue.js強力達成していますフロントエンドのレンダリング。
ただし、フロントエンドレンダリング技術の開発を使用している場合、SEOが必要のためのページがあることはSEOを助長されていません、vue.jsを使用する準備があり、技術のレンダリングを実現するために、フロントエンドサーバーテクノロジーを反応させますか？実際には、サーバー側のレンダリングのための需要は、vue.js、そんなに人気がフロントエンドフレームワークは、サーバー側のレンダリングソリューションを提供して反応します。
マップからは見ることができます：
フレームワークはnext.jsは、サーバー側のレンダリングを実装して提供して反応します。vue.jsフレームワークはNuxt.jsは、サーバー側のレンダリングを実装しています。
2.2 Nuxt.js作品
姿を次のクライアントからサーバーへの要求は、ワークフロー全体をレンダリングすることNuxt.jsを示しています。
1は、ユーザーがデプロイされたアプリケーションNuxt.jsレシーバNode.jsのブラウザ要求で、2 Node.jsのURL要求を入力するために、ブラウザを開き、データ取得サーバに要求
Nuxt.jsした後に得られたデータをレンダリングするための3に、サーバーを4、ブラウザのHTMLページへの応答Nuxt.js
Nuxt.jsはどのような技術の使用を？以下に示すように、Vue.js + WebPACKの+バベル3つの技術の枠組み/アセンブリを使用Nuxt.js。
JSバベルは、ブラウザ識別コードにES6 ES5を担うトランスコーディング、トランスコーダです。WebPACKのは、フロントエンドエンジニアリング・パッケージ化ツールです。
Vue.jsは、優れたフロントエンドのフレームワークです。Nuxt.jsの特徴は何ですか？
ベースVue.js
自動コード階層型
サーバー側でレンダリング
非同期データをサポートする強力なルーティング機能を
静的ファイル
ES6 / ES7構文サポート
パッケージをとJSを圧縮し、CSS
のHTML headタグ管理
ローカル開発支援熱負荷が
ESLintは、事前に様々なスタイルをサポートする統合プロセッサ：SASS、LESS、スタイラスなど