WeChatアプレットの論理レイヤーの概要

1つは、グローバル構成ファイルApp.jsです。

1. onLaunch(Object object) ミニプログラムが初期化されるとトリガーされ、グローバルに1回だけトリガーされ、ライフサイクルコールバック-ミニプログラムの初期化を監視します
2. onShow(Object object)
   アプレットが開始されるか、バックグラウンドからフォアグラウンドに表示されるとトリガーされ、ライフサイクルコールバック-アプレットを監視して開始するか、フォアグラウンドに切り替えます
3. onHide()
   アプレットがフォアグラウンドからバックグラウンドに入るとトリガーされ、ライフサイクルコールバック-アプレットを監視してバックグラウンドに切り替えます
4. onError(String error)
   アプレットでスクリプトエラーが発生した場合、またはAPI呼び出しエラーが発生した場合にトリガーされます
5. onPageNotFound(Object object)
   アプレットによって開かれるページが存在しない場合にトリガーされます
6. onUnhandledRejection(Object object)
   アプレットの未処理のPromise拒否トリガー
7. ではonShowライフサイクル、入ってくるoptions、そこにそれをプリントアウトしpath、query、scene、shareTicketというように、scene値はシーンが価値があるかのように、あること、それは小さなプログラムに行くことですどのように説明することは非常に重要であるscene: 1001表現発見バーアプレット正面玄関。shareTicket転送方法、WeChatグループなどです。
8. することによりgetApp()として、ページ・レベルで使用するために、グローバルに一意のアプレットのAppインスタンスを取得するための方法であることconst app = getApp();
9. これらは、プログラム全体のライフサイクルの小さな一部でありonLaunch()、onShow()、onHide()
10. はいMVVMのアイデア

次に、ページレベルの構成ファイルindex.js

1. data：これdataは、ページの最初のレンダリングに使用される初期データです。ページが読み込まdataれるとJSON、ロジックレイヤーからレンダリングレイヤーに文字列の形式で渡されます。JSON文字列などのタイプである必要があります。数値、ブール値、オブジェクト、配列など
2. onLoad()
   ページロードトリガーの場合、ページは1回だけ呼び出されonLoad、現在のページオープンパスの取得パラメーターのパラメーターで、ライフサイクルコールバック-ページロードの監視
3. onReady()
   ライフサイクルコールバック-ページの最初のレンダリングが完了したことを監視し、ページの最初のレンダリングが完了したときにトリガーされます。ページは1回だけ呼び出すことができ、ビューレイヤーと対話できます。
4. onShow()
   ライフサイクルコールバック-ページ表示を監視し、ページが表示/前面にカットされたときにトリガーします
5. onHide()
   ライフサイクルコールバック-非表示のページを監視し、ページが非表示/バックグラウンドに切り取られたときにトリガーされます
6. onUnload()
   ライフサイクルコールバック-ページのアンロードを監視し、ページがアンロードされたときにトリガーされます
7. アプレットページレベルのライフサイクル機能を含むonLoad()、onShow()、onReady()、onHide()、onUnload()など
8. onPullDownRefresh()
   ユーザーのプルダウンアクションを監視するには、次のように設定する必要app.jsがありwindowます。enablePullDownRefreshtrue
9. onReachBottom()
   ページ上のボトミングイベントの処理関数。これは、50または別の値で設定する必要app.jsがwindowありonReachBottomDistanceます。
10. onShareAppMessage()
    ユーザーが右上隅をクリックして、サンプルコードを転送します

onShareAppMessage: function (res) {
    
    
    if (res.from === 'button') {
    
    
      // 来自页面内转发按钮
      console.log(res.target)
    }
    return {
    
    
      title: '自定义转发标题',
      path: '/page/user?id=123'
    }
}

11. onPageScroll()
    ページスクロールトリガーイベントの処理機能
12. onResize()
    ページサイズが変更されたときにトリガーされます
13. onTabItemTap()
    現在tabページ、tabトリガーをクリックし、アプレットイベントをクリックしbindTapてトリガーし、
    サンプルコード

<view class="container" bindtap="showTest">
  {
   
   { motton }}
</view>

test: "hello word",
showTest() {
    
    
    // console.log(this.test)
    this.setData({
    
    
      motton: "a better vue"
    })
 }

14. アプレットの変更されたdata値はthis.setData()、上記のサンプルコードのように、変更を実現するために使用されます。