アプリケーションのライフサイクル (App.vue でのみ監視可能)
(1) onLaunch: ユニアプリの初期化が完了するとトリガーされます (グローバルで 1 回だけトリガーされます)
App.vue の onLaunch のオプション関数: ミニ プログラムに入るユーザーまたは終了するユーザーのシーン値を取得します
(2) onShow: ユニアプリが起動するとき、またはバックグラウンドからフォアグラウンド表示に入るとき // ユーザーがミニプログラムに入るときを監視します (3) onHide: ユニアプリがフォアグラウンドからバックグラウンドに入るとき // ユーザーがミニプログラムに入るときを監視し
ますミニプログラムを終了します
(4) onError: uni-app がエラーを報告したときにトリガーされるとき
(5) onUniNViewMessage: nvue ページによって送信されたデータを監視します
ページのライフサイクル (ページに追加)
(1) onLoad (ページ読み込み監視)
(2) onShow (ページ表示監視)
(3) onReady (ページ初期描画完了監視)
(4) onHide (ページ非表示監視)
(5) onUnload: ページのアンロードを監視します
(6) onResize: ウィンドウ サイズの変更を監視します
(7) onPullDownRefresh: ユーザーのプルダウン アクションを監視します。通常はプルダウンの更新に使用されます。
(8) onReachBottom: ページが一番下までスクロールしたときのイベント (ビューを一番下までスクロールするのではなく)。データの次のページをプルダウンするためによく使用されます (9) onTabItemTap: tabBar がクリックされたときにトリガーされます (10)
onShareAppMessage
:ユーザーは転送時に右上隅をクリックして共有します
転送タイトル、パス、画像を設定します
(11) onPageScroll: ページスクロールを監視
(12) onNavigationBarButtonTap: ネイティブ タイトル バー ボタンのクリック イベントを監視
(13) onBackPress: ページ戻りを
監視 (14) onNavigationBarSearchInputChanged: ネイティブ タイトル バーの検索入力ボックスの入力内容変更イベントを監視
(15) onNavigationBarSearchInputconfirmed: 監視ネイティブ タイトル バーの検索入力ボックスの検索イベント。ユーザーがソフト キーボードの「検索」ボタンをクリックしたときにトリガーされます
(16) onNavigationBarSearchInputClicked: ネイティブのタイトル バーの検索入力ボックスのクリック イベントを監視します。
コンポーネントのライフサイクル (Vue 標準コンポーネントのライフサイクルと同じ)
(1) beforeCreate: インスタンス初期化後に呼び出される
(2) created: インスタンス作成完了直後に呼び出される
(3) beforeMount: マウント開始前に呼び出される
注: (このフックはサーバー側のレンダリング中に呼び出されません。
使用方法: コンポーネントをメインページに導入し、コンポーネントに書き込みます)
(4) マウント済み: インスタンスにマウントした後に呼び出されます (このフックはサーバー側のレンダリング中には呼び出されません)
注 (マウントされたからといって、すべての子コンポーネントも一緒にマウントされることは保証されないことに注意してください。ビュー全体がレンダリングされるまで待ちたい場合は、
マウントされた内部で vm.$nextTick を使用できます:)
(5) beforeUpdate: データが更新されるときに呼び出されます。これは、仮想 DOM にパッチが適用される前に発生します (サーバー側では初期レンダリングのみが実行されるため、このフックはサーバー側のレンダリング中には呼び出されません) (6) updated:データ変更による仮想
DOM が再レンダリングされてパッチが適用され、その後このフックが呼び出されます (このフックはサーバー側のレンダリング中には呼び出されません)。
(7) beforeDestroy: インスタンスが破棄される前に呼び出されます。このステップでは、インスタンスはまだ完全に利用可能です (このフックはサーバー側のレンダリング中に呼び出されません)。
(8) destroy: Vue インスタンスが破棄された後に呼び出されます (このフックはサーバー側のレンダリング中に呼び出されません)。
ルートジャンプ
方法 1 (@tap イベントジャンプ)
ページにジャンプしたい場合は、メソッド名 @tap="メソッド名" または @click="メソッド名" を追加するか、<navigator url=".. /hello/hello" を使用します。 open-type="navigate" /> タグジャンプ
5 つのジャンプ メソッド:
uni.navigateTo は現在のページを保持し、アプリケーション内のページにジャンプします。 // 通常、
uni.redirectTo に戻って現在のページを閉じ、アプリケーション内のページにジャンプするために使用されます。
uni.reLaunch はすべてのページを閉じ、アプリケーション内の特定のページを開きます。
uni.switchTab は tabBar ページにジャンプし、他のすべての非 tabBar ページを閉じます。
uni.navigateBack は、現在のページを閉じて、前のページまたは複数レベルのページに戻ります。
プロジェクトの構築:
uni-app は、ビジュアル インターフェイスとvue-cli コマンド ラインを介したプロジェクトの迅速な作成をサポートします 。
視覚化方法は比較的シンプルで、HBuilderX には関連環境が組み込まれており、nodejs を設定せずにすぐに使用できます。
開始する前に、開発者は次のツールをダウンロードしてインストールする必要があります。
- HBuilderX:公式 IDE ダウンロード アドレス
HBuilderX は一般的なフロントエンド開発ツールですが、ユニアプリ向けに特別に強化されています。
アプリ開発バージョンをダウンロードした場合は、そのまま使用できます。標準バージョンをダウンロードした場合は、ユニアプリを実行または公開するときに、ユニアプリ プラグインをインストールするように求められます。プラグインのダウンロード後に使用されます。
cli を使用してプロジェクトを作成する場合、プロジェクトには uni-app コンパイル プラグインがインストールされているため、標準バージョンを直接ダウンロードできます。