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

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









HTMLテンプレートのボタンをメソッドにバインドすることにより、VUEボタンに関数を追加できます。 VUEインスタンスでメソッドを定義し、関数ロジックを書き込みます。

vue.jsでBootstrapを使用すると、5つのステップに分かれています。ブートストラップをインストールします。 main.jsにブートストラップをインポートしますブートストラップコンポーネントをテンプレートで直接使用します。オプション:カスタムスタイル。オプション:プラグインを使用します。

Vue.jsの監視オプションにより、開発者は特定のデータの変更をリッスンできます。データが変更されたら、Watchはコールバック関数をトリガーして更新ビューまたはその他のタスクを実行します。その構成オプションには、すぐにコールバックを実行するかどうかを指定する即時と、オブジェクトまたは配列の変更を再帰的に聴くかどうかを指定するDEEPが含まれます。

vue.jsでJSファイルを参照するには3つの方法があります。タグ;; mounted()ライフサイクルフックを使用した動的インポート。 Vuex State Management Libraryを介してインポートします。

VUEマルチページ開発は、VUE.JSフレームワークを使用してアプリケーションを構築する方法です。アプリケーションは別々のページに分割されます。コードメンテナンス:アプリケーションを複数のページに分割すると、コードの管理とメンテナンスが容易になります。モジュール性:各ページは、簡単に再利用および交換するための別のモジュールとして使用できます。簡単なルーティング:ページ間のナビゲーションは、単純なルーティング構成を介して管理できます。 SEOの最適化:各ページには独自のURLがあり、SEOに役立ちます。

vue.jsには、前のページに戻る4つの方法があります。$ router.go(-1)$ router.back()outes< router-link to ="/" Component Window.history.back()、およびメソッド選択はシーンに依存します。

Vue Devtoolsを使用してブラウザのコンソールでVueタブを表示することにより、Vueバージョンを照会できます。 NPMを使用して、「NPM List -G Vue」コマンドを実行します。 package.jsonファイルの「依存関係」オブジェクトでVueアイテムを見つけます。 Vue CLIプロジェクトの場合、「Vue -Version」コマンドを実行します。 < script>でバージョン情報を確認してくださいVueファイルを参照するHTMLファイルにタグを付けます。

VUEの関数傍受は、指定された期間内に関数が呼び出され、パフォーマンスの問題を防ぐ回数を制限するために使用される手法です。実装方法は次のとおりです。LodashLibrary:Import {Debounce}から「Lodash」からインポート。 debounce関数を使用して、インターセプト関数を作成します。インターセプト関数を呼び出すと、制御関数は500ミリ秒でせいぜい1回呼び出されます。
