ホームページ > 記事 > ウェブフロントエンド > vueとuni-appの違いは何ですか
vue と uni-app の違い: 1. uni-app はパッケージ化を通じて複数の端末で実行するコードのセットを実現できますが、vue はそれができません; 2. uni-app には自動フレームのプリロードとページの読み込みがあります。より速い 速い、vue にはそれがない; 3. uniapp はミニプログラムのタグを使用し、vue は Web 側のタグを使用する; 4. uni は vue-router をサポートせず、独自のルーティングを使用します。
このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1&&vue2.9.6 バージョン、Dell G3 コンピューター。
uni-app は (Toutiao、Alipay、WeChat、QQ、Baidu) アプレット、Android バージョン、iOS バージョン、 h5バージョン。パッケージ化により、コード セットを複数の端末で実行できます。Vue は Web 上の単一ページ アプリケーション向けに設計されていますが、アプリでは単一ページ アプリケーションが停止します。
uni-app には自動フレームのプリロード機能もあり、ページの読み込みが速くなります。
コンポーネント/ラベルの変更
以前は html タグでしたが、現在はミニプログラムタグです。
- p ビューに変更
- スパン、フォントをテキストに変更
- a ナビゲーターに変更
- img イメージに変更
- Input はまだ存在しますが、type 属性はconfirmtypeに変更されました
- form、button、checkbox、radio、label、textarea、canvas、video
これらはまだ存在します。- select ピッカーに変更
- iframe web-view に変更
- ul と li がなくなり、代わりに view を使用
- audio は推奨されなくなりました、変更API モード、バックグラウンド オーディオ API ドキュメントへ
実際には、古い HTML タグも uni-app で使用できます。uni-app コンパイラは、p を view にコンパイルするなど、コンパイル中に古いタグを新しいタグに変換します。ただし、H5 エンドをデバッグするときに混乱を引き起こしやすいため、この使用法はお勧めできません。
変更に加えて、携帯電話で一般的に使用される多数の新しいコンポーネントが追加されました。
- scroll-ビューエリア ビューコンテナのスクロール
- スワイパー スワイプ可能なエリアビューコンテナ
- アイコン icon
- rich-テキスト リッチ テキスト (js は実行できませんが、さまざまなテキスト形式と画像をレンダリングできます)
- 進行状況バー
- スライダー スライダー インジケーター
#スイッチ スイッチ セレクター
カメラ カメラ
ライブプレイヤー ライブ ブロードキャスト
#map マップcover-view ネイティブ コンポーネントをカバーできるビュー コンテナ
cover-view をさらに強調する必要があるつまり、uni-app の非 h5 側のビデオ、マップ、キャンバス、テキストエリアはネイティブ コンポーネントであり、他のコンポーネントよりも高レベルです。マップにマスクを追加するなど、ネイティブ コンポーネントをカバーする必要がある場合は、カバービュー コンポーネントを使用する必要があります。
組み込みコンポーネントに加えて、一般的なコンポーネントをカプセル化するオープン ソース拡張コンポーネントが多数あります。 DCloud が設立したプラグイン マーケットには、これらの拡張コンポーネントが含まれています。詳細については、プラグイン マーケットをご覧ください。
JsUni-API は、 app はミニ プログラムを指し、ブラウザの js API と同じです。
alert、confirm が uni.showmodeluni-app はさまざまな端末での条件付きコンパイルをサポートし、各端末の固有の API を制限なく使用できます。
- に変更されるなど、多くの違いがあります。 ajax axios は uni.request
- に変更され、cookie とセッションはなくなりました。local .storage は uni.storage
- に変更されました。vue-router は消えて uni.navigateTo
## に変更されました。- # uni-app の js API は多数ありますが、基本的にミニプログラムの API は、wx.request を uni.request に変更するだけです。
uniapp には独自のルーティング メソッドとリクエスト メソッドが付属しています
uni.navigateTo ルーティングとページ ジャンプ
uni.request ネットワーク リクエスト"、"vue.js チュートリアル
関連する推奨事項: "
uniapptutorial>>
以上がvueとuni-appの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。