ホームページ  >  記事  >  ウェブフロントエンド  >  vueとuni-appの違いは何ですか

vueとuni-appの違いは何ですか

青灯夜游
青灯夜游オリジナル
2021-09-01 13:50:2247542ブラウズ

vue と uni-app の違い: 1. uni-app はパッケージ化を通じて複数の端末で実行するコードのセットを実現できますが、vue はそれができません; 2. uni-app には自動フレームのプリロードとページの読み込みがあります。より速い 速い、vue にはそれがない; 3. uniapp はミニプログラムのタグを使用し、vue は Web 側のタグを使用する; 4. uni は vue-router をサポートせず、独自のルーティングを使用します。

vueとuni-appの違いは何ですか

このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1&&vue2.9.6 バージョン、Dell G3 コンピューター。

uniapp と vue の違い

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 が設立したプラグイン マーケットには、これらの拡張コンポーネントが含まれています。詳細については、プラグイン マーケットをご覧ください。

Js

Uni-API は、 app はミニ プログラムを指し、ブラウザの js API と同じです。

alert、confirm が uni.showmodel
  1. に変更されるなど、多くの違いがあります。 ajax axios は uni.request
  2. に変更され、cookie とセッションはなくなりました。local .storage は uni.storage
  3. に変更されました。vue-router は消えて uni.navigateTo
  4. ## に変更されました。
  5. # uni-app の js API は多数ありますが、基本的にミニプログラムの API は、wx.request を uni.request に変更するだけです。
uni-app はさまざまな端末での条件付きコンパイルをサポートし、各端末の固有の API を制限なく使用できます。

uniapp には独自のルーティング メソッドとリクエスト メソッドが付属しています

uni.navigateTo ルーティングとページ ジャンプ

uni.request ネットワーク リクエスト


関連する推奨事項: "

vue.js チュートリアル
"、"

uniapptutorial>>

以上がvueとuni-appの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。