Vue プロジェクトで Vux を使用する方法

今回は、Vue プロジェクトで Vux を使用する方法と、Vue プロジェクトで Vux を使用する際の 注意事項 について説明します。以下は実際的なケースです。

デフォルトで

vue環境がインストールされています

1. vux

npm install vux --save-dev2. vux-loaderをインストールして、より少ないソースコードを正しくコンパイルします

npm install vux-loader --save-dev //官网没提安装这个，但是不安装会报错

4. 言語ファイルを正しく読み取るために yaml-loader をインストールします

npm install less less-loader --save-dev

5. build/webpack.base.conf.js のコードを変更します

元のテキストの

を次のように変更します。以下

6. 依存関係と設定ファイルをインストールした後、vux テンプレートを導入し、前の about.vue を変更します。コード全体は次のとおりです

npm install yaml-loader --save-dev

最後に、npm run dev を実行すると表示されます。 . About.vue はこのようになっているので、vux が正常に導入され、vux コンポーネントを使用して迅速に開発できるようになります

この記事の事例を読んだ後は、方法を習得したと思います。その他、PHP 中国語 Web サイトの記事にある関連事項にご注意ください。

推奨読書:

vue を使用して ID を介してリスト ページから詳細ページに移動する方法

Vue のスロットを使用して親コンポーネントを配布する方法

以上がVue プロジェクトで Vux を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。