From 96c986947d26366dea44db15411c5886f27b61ad Mon Sep 17 00:00:00 2001 From: esterzhou Date: Tue, 15 Mar 2022 20:46:24 +0800 Subject: [PATCH] update docs Signed-off-by: esterzhou --- .../ui/public_sys-resources/icon-caution.gif | Bin 0 -> 580 bytes .../ui/public_sys-resources/icon-danger.gif | Bin 0 -> 580 bytes .../ui/public_sys-resources/icon-note.gif | Bin 0 -> 394 bytes .../ui/public_sys-resources/icon-notice.gif | Bin 0 -> 406 bytes .../ui/public_sys-resources/icon-tip.gif | Bin 0 -> 253 bytes .../ui/public_sys-resources/icon-warning.gif | Bin 0 -> 580 bytes .../ui/ts-ui-state-mgmt-concepts.md | 11 ++++++++--- 7 files changed, 8 insertions(+), 3 deletions(-) create mode 100644 en/application-dev/ui/public_sys-resources/icon-caution.gif create mode 100644 en/application-dev/ui/public_sys-resources/icon-danger.gif create mode 100644 en/application-dev/ui/public_sys-resources/icon-note.gif create mode 100644 en/application-dev/ui/public_sys-resources/icon-notice.gif create mode 100644 en/application-dev/ui/public_sys-resources/icon-tip.gif create mode 100644 en/application-dev/ui/public_sys-resources/icon-warning.gif diff --git a/en/application-dev/ui/public_sys-resources/icon-caution.gif b/en/application-dev/ui/public_sys-resources/icon-caution.gif new file mode 100644 index 0000000000000000000000000000000000000000..6e90d7cfc2193e39e10bb58c38d01a23f045d571 GIT binary patch literal 580 zcmV-K0=xZ3Nk%w1VIu$?0Hp~4{QBgqmQ+MG9K51r{QB&)np^||1PlfQ%(86!{`~yv zv{XhUWKt}AZaiE{EOcHp{O-j3`t;<+eEiycJT4p@77X;(jQsMfB$R?oG%6hQ z+MMLZbQBH@)Vg&1^3?qHb(5!%>3r0+`eq=&V&E}0Dypi0000000000 z00000A^8LW000R9EC2ui03!e$000L5z=Uu}ED8YtqjJd<+B}(9bIOb$3-31_h|V>=0A{ z1Hh0#H30>fNT})^fRU_83uewx9oRr{f{Sx1Ml`t)EQ zGkHZ67&~y{W5Jpq4H_WfuLxp*3<7O}GEl;1ESe36fLNs=B0&LQM1Buf(R)qg(BRd`t1OPjI1m_q4 literal 0 HcmV?d00001 diff --git a/en/application-dev/ui/public_sys-resources/icon-danger.gif b/en/application-dev/ui/public_sys-resources/icon-danger.gif new file mode 100644 index 0000000000000000000000000000000000000000..6e90d7cfc2193e39e10bb58c38d01a23f045d571 GIT binary patch literal 580 zcmV-K0=xZ3Nk%w1VIu$?0Hp~4{QBgqmQ+MG9K51r{QB&)np^||1PlfQ%(86!{`~yv zv{XhUWKt}AZaiE{EOcHp{O-j3`t;<+eEiycJT4p@77X;(jQsMfB$R?oG%6hQ z+MMLZbQBH@)Vg&1^3?qHb(5!%>3r0+`eq=&V&E}0Dypi0000000000 z00000A^8LW000R9EC2ui03!e$000L5z=Uu}ED8YtqjJd<+B}(9bIOb$3-31_h|V>=0A{ z1Hh0#H30>fNT})^fRU_83uewx9oRr{f{Sx1Ml`t)EQ zGkHZ67&~y{W5Jpq4H_WfuLxp*3<7O}GEl;1ESe36fLNs=B0&LQM1Buf(R)qg(BRd`t1OPjI1m_q4 literal 0 HcmV?d00001 diff --git a/en/application-dev/ui/public_sys-resources/icon-note.gif b/en/application-dev/ui/public_sys-resources/icon-note.gif new file mode 100644 index 0000000000000000000000000000000000000000..6314297e45c1de184204098efd4814d6dc8b1cda GIT binary patch literal 394 zcmZ?wbhEHblx7fPSjxcg=ii?@_wH=jwxy=7CMGH-B`L+l$wfv=#>UF#$gv|VY%C^b zCQFtrnKN(Bo_%|sJbO}7RAORe!otL&qo<>yq_Sq+8Xqqo5h0P3w3Lvb5E(g{p01vl zxR@)KuDH0l^z`+-dH3eaw=XqSH7aTIx{kzVBN;X&hha0dQSgWuiw0NWUvMRmkD|> literal 0 HcmV?d00001 diff --git a/en/application-dev/ui/public_sys-resources/icon-notice.gif b/en/application-dev/ui/public_sys-resources/icon-notice.gif new file mode 100644 index 0000000000000000000000000000000000000000..86024f61b691400bea99e5b1f506d9d9aef36e27 GIT binary patch literal 406 zcmV;H0crk6Nk%w1VIu$@0J8u9|NsB@_xJDb@8;&_*4Ea}&d#;9wWXz{jEszHYim+c zQaU<1At50E0000000000A^8Le000gEEC2ui03!e%000R7038S%NU)&51O^i-Tu6`s z0)`MFE@;3YqD6xSC^kTNu_J>91{PH8XfZ(p1pp2-SU@u3#{mEUC}_}tg3+I#{z}{Ok@D_ZUDg- zt0stin4;pC8M{WLSlRH*1pzqEw1}3oOskyNN?j;7HD{BBZ*OEcv4HK!6Bk6beR+04 z&8}k>SkTusVTDmkyOz#5fCA$JTPGJVQvr3uZ?QzzPQFvD0rGf_PdrcF`pMs}p^BcF zKtKTd`0wipR%nKN&Wj+V}pX;WC3SdJV!a_8Qi zE7z`U*|Y^H0^}fB$R?oG%6hQ z+MMLZbQBH@)Vg&1^3?qHb(5!%>3r0+`eq=&V&E}0Dypi0000000000 z00000A^8LW000R9EC2ui03!e$000L5z=Uu}ED8YtqjJd<+B}(9bIOb$3-31_h|V>=0A{ z1Hh0#H30>fNT})^fRU_83uewx9oRr{f{Sx1Ml`t)EQ zGkHZ67&~y{W5Jpq4H_WfuLxp*3<7O}GEl;1ESe36fLNs=B0&LQM1Buf(R)qg(BRd`t1OPjI1m_q4 literal 0 HcmV?d00001 diff --git a/en/application-dev/ui/ts-ui-state-mgmt-concepts.md b/en/application-dev/ui/ts-ui-state-mgmt-concepts.md index d53e914453..ec3fbe4640 100644 --- a/en/application-dev/ui/ts-ui-state-mgmt-concepts.md +++ b/en/application-dev/ui/ts-ui-state-mgmt-concepts.md @@ -8,9 +8,14 @@ The development framework provides comprehensive application state management ca ## State Variable Decorators -- **@State**: grants a component the state attribute. Each time the **@State** decorated variable changes, the component re-renders and updates the UI. -- **@Link**: allows a component to depend on some state attributes of its parent component. Each time the data in one component is updated, the state of the other component is updated, and the parent and child components are rendered again. -- **@Prop**: works in a way similar to that of **@Link**. The only difference is that the changes made by a child component are not synchronized to the parent component. +- **@State**: grants a component the state attribute. Each time the **@State** decorated variable changes, the component re-renders and updates the UI. + +- **@Link**: allows a component to depend on some state attributes of its parent component. Each time the data in one component is updated, the state of the other component is updated, and the parent and child components are rendered again. + +- **@Prop**: works in a way similar to that of **@Link**. The only difference is that the changes made by a child component are not synchronized to the parent component. + + > ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** + > The state variable name cannot be **id**, for example, **@Prop id:number**. ## Application State Data -- GitLab