サーバー側のレンダリングを行うnuxt VUEプロジェクトの使用

 

 

 

 

 

 

まず、プロジェクトをビルドするために最初から公式サイトのnuxtに従って:

1.新しいプロジェクトディレクトリを作成します。

現在のプロジェクト2.新しいpackage.jsonは、nuxtを実行する方法を設定します:

3. nuxtをインストールし、NPM --save nuxtをインストール

4.以下は、私たちのプロジェクトのディレクトリ構造であります:

各ファイルの下に個別に対応する役割が言いました

ページ、各ページには、対応するルーティングです

コンポーネントディレクトリは、ここで私は頭、コンポーネントのパッケージである公共とカルーセルプラグインの公開および底面図をカプセル化します。

ここでは、サードパーティのプラグインとVUEを導入したときに異なるnuxt遭遇、我々はプラグインやnuxt.config.jsに次のことを行う必要があります。

 でプラグインの新VUE-swiper.js

その後、プラグインnuzt.config.jsで使用するの設定

Swiperは、アセンブリ内で使用することができます

レイアウトレイアウト、我々は、プロジェクトの公共ヘッドと下部、中央のビューその

このようなプロジェクトが完了しnuxtです

結果は以下の通りであります:

おすすめ

転載: www.cnblogs.com/zpxm/p/11893374.html