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

亚连
リリース: 2018-06-23 14:58:16
オリジナル
9491 人が閲覧しました

コマンド 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 サイトの他の関連記事を参照してください。

関連ラベル:
vue
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート