1:一般的に使用されるコンポーネント
コンテナを表示:スワイパースクロールビューを表示
基本的な内容:テキストはスパンタグに相当します
媒体:image video audio
表1:ボタン入力チェックボックスラベルピッカー
キャンバス:キャンバス
地図:地図
2:ライフサイクル
Onload()は、ページがロードされたときにトリガーされ、現在のページパスのパラメーターを取得するために1回だけ呼び出されます
onShow()ページが前面に表示/切り取られたときにトリガーされ、通常はデータ要求を送信するために使用されます
onReady()は、ページの最初のレンダリングが完了したときにトリガーされ、1回だけ呼び出されます。これは、ページがビューレイヤーと対話したことを意味します。
onHide()下部のタブが他のページに切り替わったり、アプレットが背景に切り取られたりするなど、ページが非表示/背景に切り取られたときにトリガーされます。
onUnloadは、rediectTOやnavigateBack()など、ページがアンロードされたときにトリガーされます。
3:イベントバインディングバインドキャッチ
Bindtapはバブリングイベントを防止しません、catchtapはバブリングを防止します
イベントカテゴリタップロングタップタッチスタートタッチエンドタッチカンス
4:一般的なコマンド
Wx:for wx:key wx:if bindtap <navigator url =””> </ navigator>
OnLoadはパラメーターを受け入れます
3:コンポーネント間で値を渡す
1:父と息子の間で価値を渡す
子から親へ:子コンポーネントから親コンポーネントにデータを渡すために使用され、任意のデータを渡すことができます
サブアセンブリ:
親コンポーネント:
コンポーネント間のコード共有の動作
複数のサブコンポーネントが同じプロパティ、データ、メソッドを共有している場合、各コンポーネントに同じコードを繰り返し貼り付ける必要はまったくありません。この時点で、behaviorを使用して新しいmy-behavior.jsファイルを作成できます。
urlパラメータ
<navigator class = "gotoDetail" target = "self" url = "../ detail / detail?vedioSrc = { {item.videoSrc}}"> </ navigator>
次に、オプションを使用して、ジャンプ先のページのonLoadフック関数でパラメーターを受け入れます。
onLoad:関数(オプション){
console.log(オプション)
this.setData({
vedioSrc:options.vedioSrc
})
}、
カスタム属性データを使用したイベントパラメータ転送をクリックします-xx =
カプセル化リクエストメソッド:
wx.navigateTo():現在のページを保持し、アプリのページにジャンプします。ただし、タブバーページ
wx.redirectTo()にジャンプすることはできません:現在のページを閉じて、アプリのページにジャンプします。ただし、タブバーページにジャンプすることはできません
wx.switchTab():abBarページにジャンプし、他のすべての非tabBarページを
閉じます。wx.navigateBack()は、現在のページを閉じて前のページまたはマルチに戻ります。レベルのページ。getCurrentPages()を使用して現在のページスタックを取得し、返す必要のあるレイヤーの数
を決定できます。wx.reLaunch():すべてのページを閉じて、アプリ内の特定のページを開きます。
4:転送して共有する
Wx.showShareMenu
5:ログイン認証プロセス
6:アプレットとビューの双方向バインディングの違いは何ですか
アプレット内のthis.dataの属性をビューに直接同期することはできません。呼び出す必要があります。
This.setData({xx:aaa})