? ????? WeChat ?? ????? ?? ?? ??? ?????. ??? ???, ??? ???, ??? ???, ?? ??? ? ?? ??? ???? WXML ??? ??? ?? ?? ??? ?? ?????. ?? ???? ??? ??? ????.

【?? ?? ????: ?? ???? ?? ????】

WXML ??? ??- ??? ???

1. ??? ??? ??? ??

1 data ②

WXML 2?? ??? ?? data ?? ??? ???

.js ? ????. ???? ???? ??? ????? ???? data

??? ?????. 3.Mustache

Grammatical Format atData

? ???? ???? ???? ??????. mustache Grammar

(?? ??)? ???? ??? ?????. vue? ?? ???? ???? ?? ??? ??? ????. 4. Mustache? ?? ???? ????? ???

5.

3. ???? ???? ??? ????.

6.+ >

8. WXML

??? ??-

??? ???:

1. ???

????????????????????????????????????????????????????????????????????????????????????>

???? ?????? ???? ?? ??? ??? ??? ??? ???? ??? ?? ?? ???? ???? ? ????.

2. ?? ?????? ?? ???? ???

??? ??

??? ?? tapbindtap

?? bind:tap

???? ??? ? ?? ???, HTML ?? event

? ??

input

bindinput ?? bind:input

??? ??? ?? ???

change

binchange ?? bind:change

??? ??? ? ????

3. ??? ??? ?? ??

??? ??? ????? ??? ?? event? ?????.

Properties	Type	Description
type	String	Event Type
timeStamp	Integer	???? ?? ??? ??? ??? ? ???
target	Object	???? ???? ?? ??? ?? ?? ? ??
currentTarget	Object	?? ?? ??? ?? ?? ? ??
detail	Object	?? ??
?? ??	?? ???, ?? ??? ?? ??? ?? ??	4. ?? ? currentTarget currentTarget ? ???? ?? ??? ???? ?? ?? ???. ?? ??? ????. ?? ??? ???? ?? ???? bubble ???? ????? ????, ?? ? tap ??? ???? ??????. ?? . ?? ?? view ? ??: 1.target ? ???? ???? ?? ?? ??? ????? e.target ? ?? ?????. ???? 2.currentTarget ? ?? ???? ????? ????? ?????. ??? e.currentTarget ? ?? view ???????. 5 . bindtap ? ?? ?? HTML ?? onclick ??? ?? ???? ??? ??? ?? ???? ????. ???? ? ??? ? ??? ???? ?? ??? ?????. ① bindtap ? ?? tap ?? ???? ?? ??? ???? ? ??? ??? ??? ????. ② ?? ???? .js ?? ??? ?? ??? ??? ???? ???, ??? ????? ?? ???? event ? ?? ?????(?? ? e? ?????): 6. ??? ??? ??? data ? ???? ?????. this.setData(dataObject )? ?????. ??? ???? ??? data ? ???? ????? ?? ??? ????. ????????????????????????????????? ?? ????? ???? ??? ????? ?? ?????. ????? ??? ? ????. ???? ????? ??? ??? ??? . ?? ??, ?? ??? ??? ???? ????: ???? bindtap ? ?? ?? ??? ???? ???? ??? ?? ??? ??? ???? ?? ?????. btnHandler(123) ??? ?? ??. ????? ?? data-* ??? ?? ?? ????? ??? ? ????. ??? *? ???? ? ??? ?????. ?? ??? ??? ????. ????? : 1 ?? ? ???? ?? 2 ? 2 ?? ?? ?????. ? ???? ? ?? ?? ?????. ??? ?? ???? ?? ???? ? ?? event.target.dataset.???? ??? ?? ?? ? ???, ?? ??? ??? ????. 8. ???? bindinput ?? ??? input ???? ?? ??? ??? ?????. ???? ?????, ?? ??? ??? ????. ① Bindinput ??? ??? ?? ?? ???? ???? ? ????. ② ?? ?? ??: 9. ??? ??? ??? ?? ??? ??? ?? ?? ??: 1 ??? ?? ② ??? ?? 3 ?? ??? 4 Binding input Event handler?? ???: ??? ??: ?> Bindinginput ??? ???: WXML ??? ?? - ??? ???: 1.wx:if ?? ?????? wx:if="{{ condition}}"? ?????. ?? ??? ????? ??? ?????: wx:elif ? wx:else ? ???? else ? ??? ?? ????. ??:???? ?? ??? ?? ????? ?? ? ?? ?? ?? ??? ???? ??? ???? ?? ?? ??? ???? wx:if ? ???? ? ??? ??? ? ????. ??, ??? ??? ????: ??????? ??: ? ????? ??? ??? ?? ???????. ????? ???? ???? ????. 3. ??? h hidden = "{ {??}} }" ?? ?????? ???? ?? ?? ????. ??: ?????????? 4.wx:if ? ??? ???Ⅰ Op ?? ??? ????1 wx:if with ??? ???? ?? ? ?? , ??? ?? ? ??? ??2? ??? ??? ?? ?? ?? ??( ?????: ??/??; ) ?? ? ??? ② ?? ??1 ? ?? ??? ?? hidden 2? ???? ?? ????. ?? ??? ????? ?? , wx:if ? wx:elif、wx:else ? ?? ???? ?? ????. ??? ??? ? ??? ?????? via wx:for ? ??? ??, ??? ???? ?? ?? ?? ??? ???? ? ??? ?? ?? ??? ????. ??? ??????????? ????? ?? ?? ??? index? index ? ?????. ?? ?? ??? item ?? ?????. 2. ?? ??? ???? ?? ??? ???? ??* 1? ???? wx:for-index ? ??? ? ????. ?? ?? ?? ??? 2 ?? ??? wx:for-item ? ???? ??? ? ????. ?? ?? ?? ??? ??? ????. 3 wx:key ??? Vue ?? ???? :key? ?????. ????? ?? ???? ??? ?? ???? ??? ???? ?? ????. ??? ??? ? ?? ????? ??? ???? ?????. ?? ??? ??? ????.

? ??? WeChat Mini ???? WXML ??? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!