vueにvuxを追加するにはどうすればよいですか?

コマンド npm install vux --save で vux を追加し、関連する設定ファイルで情報を設定します。具体的なコード追加方法については、この記事を参照してください

はじめに

Vux (発音 [v'ju] :z]、ビューと同じ）は、WeUI および Vue (2.x) に基づいて開発されたモバイル UI コンポーネント ライブラリであり、主に WeChat ページを提供します。

webpack+vue-loader+vux に基づいて、vux-loader を使用して、WeUI に基づいて必要なスタイルをカスタマイズできます。

vux-loader は、コンポーネントがオンデマンドで使用されることを保証するため、最終的に vux コンポーネント ライブラリ コード全体をパッケージ化することを心配する必要はありません。

vux は WeUI に完全に依存しているわけではありませんが、全体的な UI スタイルを WeUI の設計仕様に近づけるように努めてください。当初の目標は、使いやすく実用的で美しいモバイル UI コンポーネント ライブラリを作成することでしたが、まだ理想的な状態には程遠いため、全員が問題についてタイムリーにフィードバックを提供し、コードに貢献する必要があります。 vux

rreee2を追加するコマンド5. vux-loader

npm install vux --save

を追加します。6. main.js に

const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig
//即将原来的module.exports 改为 const webpackConfig
module.exports = vuxLoader.merge(webpackConfig, {
plugins: [{
  name: 'vux-ui'
 }]
})

を追加します。 関連記事:

JavaScriptで携帯電話番号認証ツールクラスPhoneUtilsを使用する方法

WeChatアプレットの関連機能の概要(詳細なチュートリアル)

WeChatアプレットでダウンロードの進行状況を達成する方法記事

以上がvueにvuxを追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。