From 73af33c48b55ef06e2a824fcd72a3fe7e968d65a Mon Sep 17 00:00:00 2001 From: luwandeng <1193470979@qq.com> Date: Tue, 1 Jun 2021 10:45:57 +0800 Subject: [PATCH 01/10] 1 --- .../note-2021-06-01.md" | 29 +++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 "\351\231\206\344\270\207\347\201\257/note-2021-06-01.md" diff --git "a/\351\231\206\344\270\207\347\201\257/note-2021-06-01.md" "b/\351\231\206\344\270\207\347\201\257/note-2021-06-01.md" new file mode 100644 index 0000000..0af1088 --- /dev/null +++ "b/\351\231\206\344\270\207\347\201\257/note-2021-06-01.md" @@ -0,0 +1,29 @@ +# class与style绑定 ++ v-bind 用于class和style时,Vue.js做了专门的增强了。表达式结果的类型除了字符串之外,还可以是对象或数组 + +## 绑定HTML class + +### 对象语法 ++ 传给v-bind:class一个对象 以动态的切换class ++ `
` ++ class存在与否将取决于数据property isActive和hasErrorr的truthiness(真值) ++ truthy(真值)指的是在布尔值上下文中,转换后的值为真的值。 ++ 所有值都是真值,除非它们被定义为 假值(即除 false、0、""、null、undefined 和 NaN +#### 简单来说吧 就是一个键值对 当他的值为true的时候他的键就存在然后作为class 为false的时候就不作为class +#### 如下 +*GD@O95q}79)D^IF!}vq#ZiuDO z_hDcywd4Rr90*1HT;_2If?D#@c~nZQT7>)T58|u?qdLMKQ^SoF4GWNOUjZb~4Mz|( zREgQt^bk$aM=&hh{WzTp$u$;@r_L~X#-5SeVb*gtWC4vEd<#NHJCcO_fxaJ;G9f&Y zTw~e0D6OCa2-=J{f}7#2DAh=&&ZQfnvbh;S-y&^KLjNcr6WhAjgeRE&HnvL!f|qP+ zd{4qeZ0N-Dxh(iv5QMWz-ui4s&p}v#{iARQC^knj?i6ulv`x#TuDHFjtM8@f>Lt{P zn<5q|m-21*8FmJntnhiFjR79nHREvi4{}K?w*alqA;i41lGDbs+ftp|L>$<(#1F** zV5B$}0o(#ePRl9iLRpyt?6;I(#{y%~Ae^CnmFb)5(1plp%e^CnmBv}3h^#6xGT$KJZ1#^ ZSAk^HltK7$EjPp_0<=OHP2aX?rT@zwdz>`kZ7 jnho}9X $boVB) q;$}}nGH4lb(**{vy zoEH;gCQGF!ud^fF$ny$lAi{kF9}K{itxa4&xghjVA~i>o68u_X{?_4GN5d<@+WrC( zW|}K`oL@fl`?jZ|tudaacXtnevaN@fZ|Y~lCua2$9?f7svohnZ0wz=)jo6Hc4l7&L zpfCp&8lv}=qh&zNwpj%Vn>}WjwX@nQxMKj-Jl`YPdb@qk0?d$6n=Nd`Czb;R)iUvy zQz*d+3#%xOUy()L_Xf4nK0J9j3K?zFai1-5(ek22K329f*GZ^4RBhhX&?vX#f#YLx zi^T7wvm1yn lo>uB> i0j%$`vo$*twZc4Z~efP!=SuWy> zC=#z7yERcjaJv#}jQI^8ONqv5&tx3W*CokyiIRZ##uZL$=pDHc8UcNI0R1S !csgvkL zRnBm*Gi&_)HL)J+H=2Z!R^%1Z{%ZtxBb`;Krsek;sR%MQMZ&lPzv`SUkb6IkXR6Yi zS2+^U7hJzP8TjLqtT)Bko}YezD49;^7KXw9fGk8iq ESx$QzjP9U z7~Ablf~L@yK#ZSUPq-CQt=be8&q9 zo+qWZOJF2kUsY}|0xVm9ic@|{A5>OMvq2JEuyS8DtK6qYsPYV#6U5(_8_4 =dKO6x zFnFhBP73S!$4ug&TJR%T`)5L02E PTy7|M zPG7P1Ko+ioJ#h(XO3KRix?&SeI~hE@703@)w~8|bNDharC}|2r*JVH`dg(NIt!i#t zaa)#0PgLTc&kEhA^7uxyk$qW%+e6x4*K@)k8ZQ(Se;Gb#mq%%sp#Os5Rc3LFK}T*p z(+x9+JO^W3jND7l$8&_a9s?>Uq?;~rX`06LExiNNZp!P($ @qIbG16}_m{H4BPo4-v)s7+>Ckx&a(1 E=J>T%2&?>)_~W;LLIwqyq}(7*E8?Ga7)C&=@ks=^Tb5{?9~YbR6Qymb@Yv{g z$7IXG5iYD6wTbkQ-kgg6)B>Q$(iXA;Go#sH#O|dryf>Nyz-t)sR@378b}(2bQ=PVs z9zz=vfq77B>a;s@PaB1l%_yX9HS#;;92rFrh6G5n$Y0KoloB+H=7MF^ QidMIUS@>ds;JiEyidL@C7sKrUy)HY!~-CsE}P(u7jqasP&lhh%k45Z ziKmw2Ye&mZY^`hJNvAl8)cLkPSjd2c9u&-XEi&Cd(o%ZxXc$=2iMNkhje7<*)0h+^ z=KnVGPQ`s$uEnG+?tlSKxRx;YlbhjWrn1e`RtP) d$i3*7J@2 L?sF_9MYa|O_ qH{8}+x$5Y zvtoXgCe(ldZjH~YpiZ|m2#Z0%f);%E=hAqwo&ZUey~-~ik1v61uNMpiUVraRSmM~? zjm`RuDb 9rDX+paa~4!Wcz7)8#zWEk@Mq4#)M2EC 0lmRk6rU>0jol^0&2Kd3Zg0P zs)Iu6n~*Mbv-^7HpUrd}937Do#bhe!UGUvp4}2%Ci#u~Mn&b%v_=r$ZNU)wramqZ_ zZv?`SyNTo8ywFU!iGHB9PU0(?I`xYDS &yd-dzG;sr-mW(0DrpC47k;X6v+ApuA9K{2XD%W20 E6hvaovLXjf$ubc8Yu2J{T{MtQB5vw?>qt25)d_QGDeq+iL387aM0^>q}&Nw3Gz9 zh^dA$A)k5m083<4hr_^(lsEDroXgKUHVnVWy~q@X-uc!nt_YGHgT1KKLWl@eE=W0r z{L1C-LghUB7 3dmp`t8_c+a2Rx~3@h3gAS%mGWjDO|ZsAE5`LyN3Cvg;=b~J6Y z)d~9ns(Pp0n{i@XXzN9B(U+pZ$LvgcSBx14V7oTE3rOV`0iE{XE?|p$&&0xqpSwwY zSdEHkP5-{Z&!HhL#LtDSA~$Dx>xu=boIHqxrmPo0GS+syw50%LKKOGU_$IOCy`o1K z>OKtnSn|j `wng6yI41ezS3}>b~=j!#A5d) sStjft}#~vOv4RaBiE)MRO75YPxntb@Q%w zmYOJ}wsMpX+nAV(GHT5I=NdOCxFXI>*3(*BCoOTaH?ikd_e}Ng0Uj%_tcqsq9ltCw z)J!FdNW7%Q$;5GIEzf3gagA|5jE?st4tLCBys@u`eX^OYH@b)0g5}vLl?C-%WH}1L z93L()lMZ?^LX->fT#(|VR+T~#CzY+r_4=4|zoj+f?$8a+!4wpNIa3t!SUvDodZqTp z9?jSq>pgKs6KPyP XP4mEX7eTo*!mDVws-2o!1C1Inx {LZf2=;$UYw0IUfWUg0&-dT$ sS zAf7&zSC#uLVt(qtz&An3@;gM^Ii<+S?(FM*pN{Ukjhno7YRhiG3!>FKWuECyM2uO~ z8L{FQ-8#MenTL`z3{2m}icHWMV=i5l3EO*O@~Bwz^~^mi8|^|AH^$M~a-o>(5^2}% z2Hgx( -RqN& z;775Xqd?CDFu_c&$p zXjA4diSZ}%j73#{;n;h88zdYK-y#J57x3!o>9GrE8jwWEss58;#WwyYvHX8X_ij=? zb@0LpMm~yRfSq;kgake$7(OxfunSzuU=FJyvD}&7^?DVw(J;Bp#n})vc$$mXY$L0; zBac1h4eGOO=`GEs8F!eaRF%_8U}nF`7W3`tAh;eM|TREMfg7`u5(NWEkqhOK4!= z_}BRb>}Cz7L(t(G4dH%u0DIikeDp$JAT1lZi21wX-6q9XI4PkJcVjCC(zJo|!~R{X z1nOT~^-f}v>>pb|96Z6Tsq;}^BVrJ%%Hz4z8~-Q+G6?B+joftT#OpW-7gHhVsj)?0 za_xKx%Jhu6rWXraFygoJrtV@qX6P!mbQx$b6Q_#FlZ~JU=}JiKF7bOb08C^5kDi9K zN?BM_J|u=UFsyyBr5vDqaoEgVPKNd?iz>)er5%APE}X_wgUezNy2OTMN3hZW z3BSUK5NrK;o2lWJG)P27tDpEv$WxLmaLLtXwA8QL%X&frhZ>dK=+nW{50eEMT*PL< zM`|`m)+G%Qt)AEcGuh|wesy6Du_S(?>eu?3>Hf!1VNBj+rZ$%KRnlPwFeIG;Z-r4v zk`dQRA@KrU%B?RdAA57BSI3{29_*unN@ZNTgV^aI4&l;RPREis9;9wIe=C~Xre zKK)ujcyLXMsR2)n g8W*j{pA@A^)Op{%r@qjH3igdSZFd znG*?qvT5cctWv}h+3+ju*&qI<5o<8KR8wmfqHOqQ0&h{@A@8LI0D?ZJr@sa64Oq1W zKIjc)RmH=(`VRTauCRJcw#;?%ojbb}*zxDoVYjL{QqLXB;$R5F9vkN6U^N_J6Np~7 z#(~Ghzi-*eH1zM?YOp%O?SdcN39Lv9LeCZFc+acw!l=g{EF1`<>6mzS3Q0kq-5jUS zOG7u%(`{Qrc@$}08)J5dil|smslyKaXZ$h;&RU9IUfd! Uw0=%DZbnPpY|G zy*3?AV56%r=g7!@8kiZHq~mKK2XY;cJ6#Vra4+w22myZ$ENKo4Ery#BF$*HSyIgG{@v9(5QAyv}=bS{uhJ( zNe&i4Y#9V{ eL#AGyEHF@y8_CwhX{YOU|%5!FdS?WVC3ZtE5pYX3Ag&nEZaB2x_w!X=`acKRK zKbiOOoOwsPTJ}1lOE^RH`|QDE5IJw~japL~kzb)D@s?3 v9htL9_mzA3hCYeTpx)yUzXCP%}ufFtN!2N0i!H{ #4L0++)BpI~wk9x1NK7>GUU0P^PIvZ4oQ1Eji2mz>OKoi_72r9`0|9pujR#F%)uw zusk=WnM|AB+;?eKv28@}%i)E=ahmOn6%o3^Hrwb6hT0JSDalf1Tdw3uRK)#PVKLDI zqCR(*2$K#`0*U _&wdpkRBk_G#yopu4cCx@t2XbXcLa**#y(B*w(YS*@l zlX~K?tq|$SK;Vey9Xp3BV5d(dm 4X|@{>H!11Ii@D4V#H$MA zS5O&<3SObH^v6|C6}zZ6oh4EUOv*uJMKv}mvOnSXb!47HBVlwW`PAw1Dvy!cdpekd z-^=bCzM(XKL*eCkI6M#a9_A-KnZ6oSMFBtULXAboiWR|0pZGfUu}RDEL0Z{f1LnAo z_4ne})yDEAnUN-(tOqYw(OU?{I 2o*)XTtQtLQqHK`MMZLXB<;jKR(PAD29;;K$7JI(+v2|iz ztG}oFERqZJ#m+9L4nO(fXVRo{d!GEL2^?@;DeR*d^S#+v{Sj9)is @-O=;{<45^71e=>1QWF>#KaNzhyiHG+PB)TiA&szl8ka<~ zmP7YM-KuejC!U)&a(rnx1DLdnT4ZDHK+vRXkI~6ltd9!6`KC>7_nUuOo&O3b`?8Py zNFq>nrZ!C#m!Fkc;Yj0oPid`smOEj42<} &`lr7*TM#tV-;Q|2 z#n7jPN2nIQ4VQUCg&r3LI8;C)_Q6BEf%XL^8|xNN^JT@&CNJSVk9@eO!1?}^t>op> z!0$$tb`jkV-d>xX+-w*kxo@AeLg;FA?_P+zO;szFz*G%W{A3{#g{NA zqqZcux+Ifi82c!WHv6(=Njwl=$2cTw;6G+jN;QVc2w19@3Q9M Y~>^KH>AS$L4W&(+U7p1 NjK>0Iz#XcmG^EtdD+g4UR<3R(G__F zcOG9$IlE9g O$cQ}a?nwHkC37f|bN_Ki9Pg=|1ZlpRT=IlpRbsE6 zUD5#!q42vOT>4wJU7wb;l>(O ikJr0vxDxjR8JLkW&1Ua}X>1XfdNQq>ODCVIES{&|xXqFFTi) zm(lj&a&o>#=fr6qD;bjM7i2*GT=#>{o|;i?&4Dde@Z%p?)u-V5dbz4lYU~01@uyDf z+L1{urR8tH1l9LI&6AQU0^SpzkXkvzjlv_oFTktk{&z&qf5v*fvI!H|D9C?U;a^9& zh6j?}l8HKGj6xW?>mv*(qxw`P8y2auhd-i3zEv+v!s@O(V=Ov~Df?c_fwa#*p7}4< z%dy?7qZmwtAq~PjJny+OQ%i=DOK)UP`=E=iPF`b7j! 7TodwN|`w?kcb(3-nbOT~GgHT~{V%~C5N#@L!_St h;v`$S62Cla$` zTMaf!B4DnO4s@y8vzFaODz90|B>E%!kO>z?E`o0aN<1+HgqjqS&mQvxJH1uT@@$wG zjtV4+7A2?DTz?5cf*UDhrk^YA59VZ0Y9&{KT<{~mY6H_meuYXF-UC&Aa^ hwgsDo`jBooS(Rh8 zZmjLa3_;@uYeLzO+b20Z>tQQZeY^-Pht3-HB}uEFXSNojqvvy-f3%3O$SRxC$^(Z( z%^eJ5Wt`0y^rFLs9~@^iMn?51^5SPdD&vE5<;14CR9ml-S9I2tCj;o;R}_q`(8JS~ zF>%oimNiV{0nj@Qum|uI@LrsB9Cp5+uF|8~zuD=r^nKilkzSx3=bBbQwFpB2nRkCy z8pr@Pf~i{@pM-U4u1~z`VP?^P^sAR>UHuu{Vkxs(X1tb0Z2b#wxky!LIKxK0wxR>` zwS-Jbd8k&SaB0jm9fwQ|ELYvo+GO=RxTN|SEBtkO<7b}WlgzfIZmIF&flSC_Lmj@~ zIz1msH8F8X1RFV7ka9X&6L3j+cB P@<5F Co z9pvx>xTtxwo-Uke_88;OJ=ivM9sbhBR@0`67i!z^{L5ommg>e$7_nj0Gl4JKV3kg% z$*f0Z( 1}Q4u(`x{-z|iw1 zl2Pdzyp4WMiwe1j@14LyW^H(kj3}8I#2**lmq~HW4%ZY@>u8xCxtMUrsWyP7Q;}6v z 9ls0mBOILmgW5lihkA**!6(3-Kt29ai4p4as z&zmEpXU96l&pd)FO|!6|O;Um>!BTKIC3h>X058!T6}Ep^KM?Pyk+W^bbrhZz(z?gA zQCzYII6#BtJ >-@0& z)Dn5xy~kNdF}Bat4Up{2f)E-9s7n4V3thDV$re6J>_s#)NUDH!^Zh)Zv*oHm&f-+p zOd9P>gzUb7JM9H7NdB^3CxBK9zi%!dM-knJfv#CZBM6nt+}uwsPSEAcHSARP6`Z10 zFH)KQumm{5U=*D_VH0G$_Vt)2n>MP2IbEIyGW;f!ZL>;01B lVsW+^C>7bZt=5w*K8d;M$PAvT}Yenqp zi<~<7cHa qL_@^vrhf A@Z$^tpWEpvazo{C#9RSIGMt~vQ zwuF+#0$K+>f1UX=fji&ijOG%3@GHV+x6at@;qx;B>?2w^zrIzv6KOD!dQD91`&Ok_ z{H^}^*lUHnenp5or~x#vLAb(c1fltyG3*W2j7kOc7_3gJ*z3QD(Erup|KU6SHvVrE z=>JNv{A<(vzv;t`Js}~1oSb|^l<|*(3{72`cW==07PhQ+$97@&nST6!U=oe8W%-}# zVBSfaJtkkRSu16;zqASt+cT`ESR(nf>=UU4xJ&g8in8wGr#O_e-i!kT*^;%-c#XY3 zytlL-wL#_*8dxU^iaCyLIM _^At bZ#?)(qIAWT_f_-(!^zp5GyEk|?-+4pyxK zMZ}nGaP?9UH=-8B03|jk)>fk0sWHzSl?Y I@HhRe50g|C*US?G zC2+Yq18#FT>&+=5c4~;;HczlG>8C>6KA_YyL(NcJHpEwagC?d=%x!AfLmUq5EbS)6 z2AdagaGn?a`M&_L2(dNdbGulF{OrB?ueJbs=ST9DpLruo##>^PWx+$=X8=NaL|@MI z-(3M48Kn2)7Xgxcvn~RgGhT2m0VEQlVeL U&JBo+8iQ
?SGdd@J3bHK=!_ zrB|F5(rL?gcPEYUJNs qV-khE@pFczke=&wV7qO*;^bM zjW0^Rz}9OlC!FB%88!^-==$z0)hu72AU3}Hoh8eu>70EA39yCpNYO#d5aDiaZh4bf zKECvJo`9aR?s+xqH}yhqxhQwj8sDR Xh?6ZOTcSBl>nJ ;1fKF&LCIG*Wb&tslbF6;*prb9|AH8WL&u=t>7GUkKJNWt_Yc #+-b1OR_96U`QiV zGW#RAJ0}JOm^DRD&ccxCC0i+H0(f=az8j_!0EJsET%M F9RynA2Zot5-9*^Yl^>OqOvCUI%i|JBHON5i?cYdky2CP6|Hgwc{9QKAnaqD748 z8KaEe+h7vC%NE@*qIbdQMrU-k8oe8J*dazITEvWU#@^pK>pS21=e++v?^^F#&%4%r zUDxlr`*LI&i@~`-c9%b`1{%Ii=-BAW%^yRudhUcB7v?#l^@@IYgoDBxUC$V-_fpv7 z+1IL|%6f+=S~Wg_W%&0&kjS(p-9E|h%!&5 0?1ciTEs-e2|vyQ$RR#iV@T>Xkg6(V^Z=L#N~@U? zm(`1)oA7t?W mr`g|~D#%h2DdowjR XEZJRlc&8vn2Blxg!9Hv*b^Pl(*!rVIU#W2oqg2sBTHcDq?rHtVs zPeD~1pirMjG7~Zn({gXs8`!nEMGUs&4r?GOOXO~dDl^56Z(BR?YLt?0lhfTh1zWGr zC~|Y8B(H-G#&r#L#Ko9s6JbO+jqXC}=Q9I5YNl~&c$BN?pdWjz%H!VuR5B8oIR0A+ zQ~vt>h`65k+?|#3L#D@>OVZP?Ueb&_ovzbGd1@#n % zxF^R@N|eFHLz^^m%_XJulKIK|)*eo%1b?~$;$5>0e(U%;X_2Im9h GD_exd3wJ|P^ 9GWsL#($9Q9u%OX|;sR88lrwZ!}LAJ@2! z#-5Cg6SIGcJz#T54>OX9x?iE|-~s$sr>4?<507&V*w0R~<~KIccfzBfSk^VK+FA3J zyl7+WgTFt0`WTv;{#jJ?kq;7g$|Yw&ofgWQXUDQ@SJ3NIc)~^3Jc3^3 g^w>7eH{&M`uuKJ!51t2C zY!8WZYA;0M%d|1%-4@(x&|q9WpOl NW9qnI4A zo|bCQanY@d??#*|f6wkuv30v>j~}&XM)^}qDzHQ?e^F&G-*zE9>$151a-(W_Oo@mZ ziZ+k`1B)qjSbc~FQ@HW&1#Bd=7$~BWlK>n3RYy$PH9O2Q%KP-oIjR#WL1P}8QhP=4 zUFESbOi!c0cO;gpDFE4`(|3|i?}8@SSytK$ew33qE8|A>Wi%l~DO{;_MYiM$dfU+7 z4AI}*DBp_Ray|7SBYqNC8|R8UwdI7nZizOD7+0=HR5w1Y4o<%g;l@Z{t0n(j=ro20 z0QIlU@LzclS^o%`j#~i@ 2_piB^#I&1V16bK~7HeIb=>~-yD59?6 zZy;{C3ASay*Q8a}dCvufp;YUVQNq#=+kM!i>p{(y3r@{j{#4~-uoXJ$_T)u3B |WOFFEagF;@QQ C9 OGU%Atr>MBEIIE%uf5R{&f^;K`OTCy4ipL z@^sD({bngTuFp(nD5a*k!nd@Oz6Y*^rvW_%i&qqbL4B&Svr^9i3hOcl<)3OJ^s}9z zO*!@TDa)a-L$mFjVea8fESJtu ;}_$O zI-$^X((n$D-xVs4zvv4jIZTc)-px{;Jp`BBE71t|+j3-jJF-|Jt ;b0o${42rY-nJrm{7sNMoY&at+UMfIe3>rwwTD|Vnh$6b5;NNq6_RGy zM136^OBNs{Fj_BIP|R&B5^C&s(nb+=oEt3QQBx1>w|=T??v&eJi^a^-5#&+zZ)9gt zK*>A;_=vGWTAY!2AOWDjs{ay*yDiGLaU&6r@}!yaVFvzwLQN<0pVfHnL5oCbDM=U0 zkB5J@;=`*Cho&@9zQT>3`)|+AW2RYE;}6rO@W)Nh{Fy&qZuXIz)GZGT{WEC~E~o1o zBBKfT<<=$>Z)iIDZ34|7tbPx9YX+gQ^9J_=1w#U^lW^fwrLuXaDDy$V4=NG;^?|?E zS_9M}(h IWV;jg AMDM27f4oaEc{DB zc+MO;r(%n{0m75w!x_V_tNMQT^xswft;?+yFFIB|8m>mma7w-s6E&2$lw-xj8JC_~ z!Pt7?`}jD_VEf|eropx+KK?qXw}zlEIF~r=a;O6-@xKH*2(pdK+u>1x5awCq8tKoa z;o*PB6`4lO)838a`i)*N!n ckH<|7n313MmIymK*FxtK7Q~K#mgcUfR&*jh1lUezXwJ}ubi0{ zDnwkK{ak9v`1R^vItSAMe}2V=4@d2}1XjEHSQh1Vdz;@Drm>Id;t*Y8^5R!5jy18t zFNM+d_1hF!FL^r>P$|DOp2+JsIvq85X4`h(&M`DMAF!jEP6p_RI=6JYPeyBsyQP;{ zY &_eS>69Cb3vSQbWs2Pjuy0%Uk^+e5;%AVy;t5p(+Q4D=|bSROa1{c*t zjiy1PqfbBR$rdo_@YJ}=cUR)y0=p35DihDj{Omu}^?cF%h>l#moVvh=Lp)@fFFs&u zt%nu4x5H8k4weU8u9UjsT3glSZqisAIosKO&vw%bU3}Tdn@ch@M~w}OlD7gNQ%wap zFDjHnDTkF$P(ozZ#ppqGwI-z!4W!OislFYhkU}|Y?6VuM)xAdxRB?q=FA7h-m>6wx z^P8k*fg^YC3`jF>RBHex>UhsAcSIXnOf6rc!OvOLMmejV^L`no>FtcJBC+^t4fA*! zN3;|Y8P1d_`SZD@$Rq+oNRB>$%MXU)`gz%v73=tIami}S!lVkz;3AC9q`b7t?y%eD zIORxjX#~md@9X}v_X02ZA`?9|#>M+3BlYw w@%un4;X<|zjpygjG>`f=ut)!Z4sR2Ukv7%xIE&$s+?V?X9e{yGmKZHQPuUq?Bo?v|Psbat3!2jXO0L)k5`RglD<8 z2EA4)viW{qxgYt%c+WVL=6zlXW?T=6;5qcRK>RqE;?fsTQGC=wS6c$+d5>;>pjXM5 z>J3HP44}cnC@{K%>tSl@d~6;kSFC!hhjx=^cq2LcioGRCiymbJX`;+*bwh+GqpFC& zh)@pQW#Rq~HWUavUY*gT%RT!E-|{2F{<^$JmohRsgc+ga++ `UB_!I!MHHcWe8I2<>H4~UQ>2XQWTwA?m7e+H)jZN!#mdoykjHJ7gbyJgyQ z32Fqp4O3yX9Sa%7>2ih$lm13STSb4gIeKVYY*4;cP2SUvHgvuxwqiLO4BHk-v+LT= zv)WJZ%co6gcHvx~oaACfBvkF{WQ*i>ebn>SvTmd2!)Ew>irL5n#rU4W9vjptDl7jw zVq8HEdb1A}s5W=ltr5W6*blIG& ~D4D+dmhGtL<`+GB@@~w;Uh( zR~G81oO}m)46RW~5zgU%zrWN|?EL3D(DP~O>Xfnge2lYxT~Xq>Xaukm6PdNh#1KLR zQw94rSIw+qNUlrlx#>r#PfNylucp`zPzZSqe~$WH`Vgg+QDjUdS_%u%e#x>WWS>-} zaJsF+0T=3T<(7O$+I#@%Rp-MZb@HQUt4195VD~(X!PNAA)u}JX@KX8A?`7s6tJp!F zd@4)%9*oWZIxY4{b0~E6Od4;Y*m?pLB##hKGpU91(UcV3DRez7Ly?%VkuY=HAiHu# zM)V@3%--*2B?dcyZXbUEf^HWiT%vnbh;GFx4WPj2rU`-EO3FGdGZg+g{RH3sCYx!F zotsb}7PHak6FpD>`BWVtGIFeG5A5e3=ZYn&tlthvzr<|S?&$6WrK$+9*)3I)uHBG! z+UfoLNZwbx vko_+ufuL9t*&rFe @Q=y8$8pS?#~ zD5!hYNG)0vJYFf|4A%@h-adm;XMtZ@IbFNP9@tF^SFQ$m((q5}8v}kv-1y_4QU5&& zH?0i3sq9*(#dr-whWO1kUaB3B$E%aLb<%b;m4x3+Eh`xQKamS5SNgxv&%Z5*{kM0> bKDuO6T6ieXtmD>xbxcV?{Y}|x(@*~eobmKe literal 0 HcmV?d00001 diff --git "a/\351\231\206\344\270\207\347\201\257/note-2021-06-01.md" "b/\351\231\206\344\270\207\347\201\257/note-2021-06-01.md" index c100f6a..97c7a97 100644 --- "a/\351\231\206\344\270\207\347\201\257/note-2021-06-01.md" +++ "b/\351\231\206\344\270\207\347\201\257/note-2021-06-01.md" @@ -47,7 +47,7 @@ #### 数组语法 + v-bind:style 的数组语法可以将多个样式对象应用到同一个元素上 + ` 哈哈哈哈` -### +### 简单说吧 就是一个数组 给其中的元素赋值一个键值对 键作为style的属性 值作为属性的值 data: { baseStyles: {color: 'red'}, overridingStyles: {'font-size':'50px'} diff --git "a/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" "b/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" new file mode 100644 index 0000000..e9f1bd0 --- /dev/null +++ "b/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" @@ -0,0 +1,92 @@ +# 条件渲染 + +## v-if ++ 只会在指令的表达式返回truthy(真值)的时候被渲染。 ++ `Vue is awesome!
` +### 也可以添加一个else 就像这样 +Vue is awesome!
+Oh no 😢
++ 如果awesome返回的不是真值的话就渲染上面的那个 ++ 如果返回的是真值那么就渲染下面的 只会显示其中的一个 + + +## 元素上使用v-if条件渲染分组 + +Title
+Paragraph 1
+Paragraph 2
+ ++ 就这个template类似div 是一个容器 但是他是不可见的 ++ 的 + ++的 + + +## v-else ++ v-else 元素必须紧跟在带v-if或者v-else-if的元素的后面 要不然不会被识别。 + + +## V-else-if ++++ 跟v-else类似 v-else-if 也必须紧跟在带 v-if 或者 v-else-if 的元素之后。 +## key 管理可复用的元素 ++ vue一般会复用已有元素而不是从头开始渲染 +### 例子 ++ A +++ B +++ C +++ Not A/B/C +++ + + + + + + + + ++ var app = new Vue({ + el: "#app", + data: { + loginType: 'username', + a: 0, + b: 1, + aa: ['username', 'email'], + }, + methods: { + ui() { + this.a = this.b % 2, + this.loginType = this.aa[this.a], + this.b++ + } + } + }) ++ 这里你往输入框里输入 点击切换 但是之前输入的东西还在 就说明他复用了那个输入框 ++ 添加一个具有唯一值的 key attribute 表示它们是独立的 不要复用它们就行了 ++ `` ++ `` + +## v-show ++ `Hello!
` ++ v-show也是根据条件展示元素的选项 ++ v-show的元素始终会被渲染并保留在DOM中 ++ v-show只是简单地切换元素的是否展示 不显示就添加一个 style="display: none;" + +## v-show VS v-if + +## v-if 与 v-for 一起使用 ++ 不推荐这两个一起使用 ++ 当 v-if与v-for一起使用时,v-for具有比v-if更高的优先级。 + +# 列表渲染 -- Gitee From 5399b38b54d8de52ad754a2611addc3b6ef58771 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=86=E4=B8=87=E7=81=AF?= <1193470979@qq.com> Date: Wed, 2 Jun 2021 17:39:28 +0800 Subject: [PATCH 04/10] =?UTF-8?q?update=20=E9=99=86=E4=B8=87=E7=81=AF/note?= =?UTF-8?q?-2021-06-02.md.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git "a/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" "b/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" index e9f1bd0..2791c58 100644 --- "a/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" +++ "b/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" @@ -17,9 +17,9 @@Paragraph 2
+ 就这个template类似div 是一个容器 但是他是不可见的 -+ 的 ++ ``的  -+的 ++ ``的  ## v-else -- Gitee From f37f0f475483268ef52e8bb671a9dd159102e560 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=86=E4=B8=87=E7=81=AF?= <1193470979@qq.com> Date: Wed, 2 Jun 2021 17:40:07 +0800 Subject: [PATCH 05/10] =?UTF-8?q?update=20=E9=99=86=E4=B8=87=E7=81=AF/note?= =?UTF-8?q?-2021-06-02.md.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" | 1 + 1 file changed, 1 insertion(+) diff --git "a/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" "b/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" index 2791c58..a79ba30 100644 --- "a/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" +++ "b/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" @@ -90,3 +90,4 @@ + 当 v-if与v-for一起使用时,v-for具有比v-if更高的优先级。 # 列表渲染 +# 还没写完呢 \ No newline at end of file -- Gitee From d7941f00a1aa7568b64aa7b0a5749d0651803e3d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=86=E4=B8=87=E7=81=AF?= <1193470979@qq.com> Date: Thu, 3 Jun 2021 14:38:46 +0800 Subject: [PATCH 06/10] =?UTF-8?q?update=20=E9=99=86=E4=B8=87=E7=81=AF/note?= =?UTF-8?q?-2021-06-02.md.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../note-2021-06-02.md" | 37 ++++++++++++++++++- 1 file changed, 36 insertions(+), 1 deletion(-) diff --git "a/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" "b/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" index a79ba30..b29dfd8 100644 --- "a/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" +++ "b/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" @@ -90,4 +90,39 @@ + 当 v-if与v-for一起使用时,v-for具有比v-if更高的优先级。 # 列表渲染 -# 还没写完呢 \ No newline at end of file +## 用 v-for 把一个数组对应为一组元素 ++
+ data: { + items: [ + { message: 'Foo' }, + { message: 'Bar' } + ] + } ++ 用v-for指令基于一个数组来渲染一个列表 ++ items是源数据数组,而item是被迭代的数组元素的别名。 +### v-for还支持一个可选的第二个参数 就是当前项的索引 +- + {{ item.message }} +
++
+ var example2 = new Vue({ + el: '#example-2', + data: { + parentMessage: 'Parent', + items: [ + { message: 'Foo' }, + { message: 'Bar' } + ] + } + }) ++ 在v-for块中 可以访问所有父级作用域的属性 比如前面parentMessage ++ 也可以用of替代in作为分隔符 +## 在 v-for 里使用对象 + + + -- Gitee From e875589deb68385f704bc6c976d23db18283ebde Mon Sep 17 00:00:00 2001 From: unknown <1> Date: Thu, 3 Jun 2021 15:30:17 +0800 Subject: [PATCH 07/10] 1 --- .../note-2021-06-02.md" | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git "a/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" "b/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" index b29dfd8..99c1f30 100644 --- "a/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" +++ "b/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" @@ -123,6 +123,20 @@ + 在v-for块中 可以访问所有父级作用域的属性 比如前面parentMessage + 也可以用of替代in作为分隔符 ## 在 v-for 里使用对象 - +- + {{ parentMessage }} - {{ index }} - {{ item.message }} +
++
+ new Vue({ + el: '#v-for-object', + data: { + object: { + title: 'How to do lists in Vue', + author: 'Jane Doe', + publishedAt: '2016-04-10' + } + } + }) -- Gitee From fbaab647b4673c263ad0eb5e1417d10bf4be4fbe Mon Sep 17 00:00:00 2001 From: luwandeng <1> Date: Fri, 4 Jun 2021 10:45:25 +0800 Subject: [PATCH 08/10] 06-04 --- .../note-2021-06-02.md" | 36 ++++++++-------- .../note-2021-06-04.md" | 41 +++++++++++++++++++ 2 files changed, 59 insertions(+), 18 deletions(-) create mode 100644 "\351\231\206\344\270\207\347\201\257/note-2021-06-04.md" diff --git "a/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" "b/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" index 99c1f30..4e027c7 100644 --- "a/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" +++ "b/\351\231\206\344\270\207\347\201\257/note-2021-06-02.md" @@ -10,7 +10,7 @@ + 如果返回的是真值那么就渲染下面的 只会显示其中的一个 -## 元素上使用v-if条件渲染分组 +## ``元素上使用v-if条件渲染分组- + {{ index }}. {{ name }}: {{ value }} +
+Title
Paragraph 1
@@ -91,7 +91,7 @@ # 列表渲染 ## 用 v-for 把一个数组对应为一组元素 -+
- {{ item.message }}
@@ -105,7 +105,7 @@ + 用v-for指令基于一个数组来渲染一个列表 + items是源数据数组,而item是被迭代的数组元素的别名。 ### v-for还支持一个可选的第二个参数 就是当前项的索引 -+
- {{ parentMessage }} - {{ index }} - {{ item.message }}
@@ -123,20 +123,20 @@ + 在v-for块中 可以访问所有父级作用域的属性 比如前面parentMessage + 也可以用of替代in作为分隔符 ## 在 v-for 里使用对象 --
- new Vue({ - el: '#v-for-object', - data: { - object: { - title: 'How to do lists in Vue', - author: 'Jane Doe', - publishedAt: '2016-04-10' +- - {{ index }}. {{ name }}: {{ value }} -
-+
+ new Vue({ + el: '#v-for-object', + data: { + object: { + title: 'How to do lists in Vue', + author: 'Jane Doe', + publishedAt: '2016-04-10' + } } - } - }) - + }) ++ 里面可选三个参数 第一个索引 第二个键名 第三个键值 diff --git "a/\351\231\206\344\270\207\347\201\257/note-2021-06-04.md" "b/\351\231\206\344\270\207\347\201\257/note-2021-06-04.md" new file mode 100644 index 0000000..8312ebd --- /dev/null +++ "b/\351\231\206\344\270\207\347\201\257/note-2021-06-04.md" @@ -0,0 +1,41 @@ +# 事件处理 +## 监听事件 +- + {{ index }}. {{ name }}: {{ value }} +
++ ++ data: { + counter: 0 + } ++ 用v-on 监听DOM事件 并且在出发的时候运行一些Javascript代码 +## 事件处理方法 ++ 虽然向上面那样 在v-on 里写JavaScript代码是可以的 但是当事件处理逻辑更复杂的时候再写在v-on里就不可行了 ++ 所以v-on还可以接受一个需要调用的方法mingc +## +{{ counter }}
++ + ++ data: { + name: 'Vue.js' + }, + methods: { + greet: function () { + alert('Hello ' + this.name + '!') + } + } ++ 也可以直接在JavaScript控制台用app.greet()调用方法 + + +## 内联处理器中的方法 ++ 在行内JavaScript语句中调用方法 +### ++ + ++ methods: { + say: function (message) { + alert(message) + } + } \ No newline at end of file -- Gitee From 8a3e2b9f29aa6b61b889c6baa1629074a2a0aa7d Mon Sep 17 00:00:00 2001 From: luwandeng <1> Date: Fri, 4 Jun 2021 11:40:57 +0800 Subject: [PATCH 09/10] 06-04 --- .../IMG/06-04/1.png" | Bin 0 -> 29740 bytes .../note-2021-06-04.md" | 58 +++++++++++++++++- 2 files changed, 57 insertions(+), 1 deletion(-) create mode 100644 "\351\231\206\344\270\207\347\201\257/IMG/06-04/1.png" diff --git "a/\351\231\206\344\270\207\347\201\257/IMG/06-04/1.png" "b/\351\231\206\344\270\207\347\201\257/IMG/06-04/1.png" new file mode 100644 index 0000000000000000000000000000000000000000..63bd843082c8ea8d13e12f0e1b5ee9c98ab08955 GIT binary patch literal 29740 zcmbTdbyQSe+dhtoD4`%It)#ScgEUB~lyv9Jp&4Qb6#;1h>5`W2Lxa-YH5@`(Vg{+9 z;mhZF-{*b4f4twde(QJEnwfjuv+jNN-e=G3eO=dm2ftBMAh=I)9|s4AKuJ;d9S+W| zp=dOv+Z|9RI^l2%4B?1e0=}v zk7snZT8Ke#`(?F z|8go)!~GWID+2ayoS(e7x^fdwueZfCx#dM}nJ?cmHcB0Pcgf!Yb3Yg&%d%KS+0^4y zX>FnX`c*0m1c`#|$VZ OwKPfmEl6hg-d`Zi_#MI%=IwPc}p$r@W;owpJ4G)xMibnY#cGsb~1Zw$(;9At31pCsu|=s*!!HJ zT0hj~|2}N@oDY(K7a;EEHq$RAi0){Q1ZO!V9a0-T4`=NIanno}Z8t-Uo1=jv^|8BR z 9kg z@Ld1I2ITyz|0eS?+&bn45~DnDr}RhZ+{pS6tRR$kEXZ=`+A*g$kr@P+X(RWBOi9QUTQTASPat zeInKyG7xJvU}5|wM@NxhNx(cM5smIi>Pz*QeAqtz%ygA|Hj^ w| z-?QAZr4`6j$aAfeG+J4*gX fIE!L8p#WsO$vzcwwXVGv}r{K13b?&S{g!==+o1U>+P$-rX-+68nWsm zhSBW?aB2@QKmu~l7FZ}RrR! jn}gLA2H?x>@h-{Cp*SR#Nha^CMl!HOS>J r7AQr-KqjG%1@K! zagsjD>Pt}mpkOQbOA_oWj~@1b4YX^bhk$k-1 DV;c`M#-@gp|!c73gl&l+tuU zXi`?2Z!NB)p9bC_pyn3?rl!`+BogdYJGDpseqpzGus{Y0Y&Nt-1jSJz2zLAHYE!4N zhIT13FZ(a{&mUBy9r0&wjEVfgJOq#lk@!uW&* mv?`h zPEviNmEof7LVEbT`+FgLg60#;fl++>1exv6lU)oGrjJ%*B}evCGu*e4j!WUopj-JD zef&&^p7dM^5@VXY7u;zZSM{0k7DEw}XS_2456p)PWrk8oeL|nqK9Bw^`L#OjQIT0h zNTS`Bxxn!s_Rd>yxL^fP_tnKi>11r2$*c;W;T`9bjc+^2Atric@%0yapdoEuiTmK~ z?sv%sBpc;s_jK^8Oq_uk@X*xro&%ddV62cBhq@~9HoMAtLcnQH3vvW1apkFYYM4U< zPBm!J!yZAAuIC~WM_P#BNHa+6X(WFxrDzhB|Gtf3CWS}0F_XPMehopExf3 AnK2G_V_=Mw7<$>$Qazn foNky8rTB6Gmvl^gu1FFCBmJL3g?td6#et*u+u zpoO~yA^kh+aRSqZqtWP-w@qn}1S){GJMCOaK-fgUHqKv0A#(^37UDzEX`iT5iJmR7 zYzGUM`SO6u-pQ5QGHh-`pa9`wj}$WN=dfyW>d$4bk-1F|HTvlG83{e%_KM0ryOPO2 zOEf1hKfIxM;_C~J3IL)Ud?I=du5XH@AbVkQIMUw`1=4sGaI@K3-;C#{zyhbOwJN72 z z8aOfb;t)395SSm&o9QpYQM&O$^3*pBh>0-1ONwm07!6t+vV$2ylbZRxpgw{~-|@tO zsr&t7B)N%Y rMqOknL{@U!!V&iDfe9mlN0LtO z)){5!UE^()n{Ff7ou{f+epCY7;_3{^L>(-4t=5#v76G=uicnMaVfi>2LB%!mGm6B| z a^aUH zp5sY?)4oBj>6l{%A*2=qPp+Kq{h5;Ty@@^l2SwuZ*`J{PfWD6(OQg^Fh$Up8ZH)ew zlwG^f2CfS?AGcY7bB{}Sqj2i~7Tz&!`3U+5LH5c~@ 9)D5EiLl8im~9X!x4Dl%Ka0Yd>9sk+ka zn+!9~B#=?^jjx&^n7y$S2JE8^n-8nfFWKsH=GhhyKnfEIe0DoC^iF8V6fdik(b>a6 zh3K#nCdN#4WR}#PL`R4jXz1pCRR$JUuGLfk8=mc&tZ_-@?IbT|{gMHPQ7^%A^x@W` zBhAW|_tvLm^DTY-^DX9XbNs?-> IC9nK-{Nbn z!bbd!#x7n!Mt%(h=%?Jzbx%Mx?f|Ld*V}>ZO7XPgAP0gi)2byL5;15R#y;lbYYYc) z34ZW|R8h6hwu4g(_HB^>caXiMdw~+6@A2zGo}_ww_O9+Db7)bhSijm#EwH#=z`TI^ z)5G+LQE*id<=NGBxK9&)=Zp@|J!$v#U {1sLuj5HeVj2Qte^J64r1ENwQ>G?R zSgfm+WG|=#PvfgV^Sdj7-DF} ?s6zu!~0C<=zLzaLV8- zJ|RGIP^EuW7^!fZ#3G0qZT9=KhG=H&D(xsRAeG=tQHid$r(=Pl^2V^LkT^K^OwuquV+6Mh9jH8quz*H{s!4s) zZoD>DAh!R~b9+MjvWP%N$O@X*j;;tlyQo~A`VyjeOOTPO$v79>d0z2-?_rN$0uX9U zKGw3u#?C0cF#p}YF;CX7N4J@uxrfm3L>&gL s#*1417^pxylCo9E{E$jRM8K-A|Irt-V=bU5<;)h}+afiEU!?PmVGBP3 z1PyMUKQLMA
OR+Fq?NImvyr+e*tkF7A53BXWmVJ8nFjBU#IpBMm818HUy zkO%B(!OsX@QY0j=Prvkc{$|&!Qx^6sFL-aDe9e0v5d9cFv|xLSK{#W$VnRK_zJKJG z2wVMd&Ei{EA`N4)C%Nc_mge3?A*Is?&}Gq#{E X>lS!NPb{aK2y zg|3*SHC4Gec+`5VQwF$SRYi**4ZK%YW(a1Uq)A9MIhq&|0nX;utejJ3HMJ407FuA_ z>hQ{u`g^3t`b>V-K}nNS;Xe1O`W`9ULbsG<(l$C?KKh(*hO01-PEdDHi^w^rZ-4&M zI~=^=RBJ$87N4yhygueXsETGgy%Qgd833~wHQLEP{aRfpB0p7cx@EQPYfZ0oNeulr znEYT&PzL-PH~!m+^B>nw@Wy|C3%>@i|GNI;!uekU{>O#$uK=6&sYAGd(VTJ1tg9!_ zb^J7<;mVLR^~kAZWzK1*A)IoP((mwCEYH4bC^lU?`yHt7UO!tSU}8|P&ZaqWddf7P zd@@rRu_=0lvCvA19XlB$oa0D`$G#kMy>OAQim#k3$RMqrmMrd8a(6X$zw|srk2|-T zP5X?P5OGmNZW-Jz|7fRVZ)iK(thl~4<+cB!$sv69k4wY(MC<#eu|I!i=I6C9H3sfb z3(V`Fu8vPgP|wA}3@%qW$j*$qYk3M=`pL=$ST^l(j%!dL-sX*DZ-R@xm9^F&hxECa z(l=vex~HW` wP{Zb|b$^aOXqQ@%-fz )c4q3(Hmx!roi! z1Vt!hrBncDcY* H0_@F76@c(&oZ!436MgAdbj%yW`I2JJ1hH55A9~gV zG)o$;w7MDCNmo^o8RtKEIobMR`cFOqXc#3qM$_1@RXP4hZ-mF?D>l2|#C{)WnEz%u zcm>)q{D>Ul2qdIi &fPZU5UB=U9U)xCq6`=yMf^wjkvP} !U>e!9F#=4YzF%hjKr0T-{#GD813g z^wMM$cB+kGspMm@WwB|^q|wJ!t@p)2JSpKvlUnEXplYv*S9>anf_ZHT6(J4|*z{?H z72|Q)r~pR_atv@Kt6Qs1rF(B|m({w{h(&C4$946R>wPA%35=Rq Pdpy3VYJrAEyle>Az z1)}+(wvpwxlHLNmW>-wKTG{QRL--(?^Ld;!G1zXVW&oznbl5pb^_$p`e_AM+pC{L| z9q@9qQ37pkBipmOkp35f6==6p {k1A%&DhfqH-YBl_~8o%hSo0+#}D$7*p7=K zvq>f*obzP3sLZSI9E8{TOKYcB3_T%xL5+zbgnRD_S6n=A0u46(+4%eB>mv5S3`!ig zY+@+(W&6Pa4?KRufL79C! 67H$>NPRV$nXHIho|Qe$6GsJvJx@=z>JYUr#o@SBwB)1q^yh*ya}> zNSDO?e(m$(wgx-Z6wN)Kl@y+@8==@7$|6=Wd%FM14))8OvI^+Qp6j5zKu>oIqIBCz z`kEfNLkIHVRaY^duYX}FGnYQu?eOH^_*rTNnf|Vzc&@A47xl_{2K#Z9$Y8%G*7Tdp z^O8J)2a^#DYLOvYLBW?+Qg@zj(n_X}UBzfr5XY5z!jlERf6)(542l@0-h3DTewKRw zqp;i1k#9;(0TW^tJ8s#wuX+b&lQ@KXvG+dv4U`tXQ2Ac_>7y0HV{Mjo={q6R_wPrW zK;`08A~f_y^M+leKIFIQtn|!DdgS`L!8|gi4w9Vko2#UdQL~CXE;CzNgE9;nV+%YD z$( tE+o2VnhtS4c6Ra~}10RL>hX%F=CCKWA`3-kwzoa<6rM@BQ zh(YgaP<%j08$Z$>>ROg3`UEpSmanJ8fj6WA=@cOP3vcl?brCa=I*EoO=~Ub=AT(T5 z(cq`Mvd;58W5mjbB-t1^@+7DaRGJ}p?d1{MFgP!M552!N NzZx)&vdVgO&I~{ksfm%npIg;wq>oPpFR;7r^(v? z0vkd{_jqMW@$bt(RuiVlzI7HXZ)aPbRXmSBO{<}lAuEobecN)RLEdjE)<>3`IxchG zLt?`3KykYs&~N$&Kq7Nr?HjRz><} |6l@5JOsIa-8rFq2O;`bd1F!cO+Q(`Ew{z33oqLgS+FDZzAL{HZm{Az*#-Y}Zh zXHHID>@nZ^8>L-sA(kAC 7@gW y|GE~ekA8`QsSce8I39w_Ou2hfx8@=0o zoOr3{&CYKWOp(Wsc)p#kG+~k13- &N%B(~pLLZWX7agN*I z$eLPf<%6d9w)e^ 24u+plJ zp=Ku5vOii?cUU*>g#Hxcf)HfNA)vS#ug@%^%uS;GO`3iM|I`vl4rwDx(|}MR4|1|0 znuHP15Gmv>rg!(%*dfE65i*d&xu3;wGUk>Y9O=< xJ8b0$qk4;aq8x6Rr3NvAhP@-_96QQ$qsED7$ow=g&q> dvEF3@WEn@)P&w38<&!2oeGzpdNnN0Q$N%M5Mq6xjC9$zAV1+} zuUtIYP1UIeT=yIy7o$%cQDJc$aHuLsrYp z;38W(a6q_Sm;q-{zj9L`@LwYv)|K5Yk8Go`dU@qo(49ra`Zq!}x!eLZ83S?kXha*Y z);RZBrnyj>pjpSO0q6P;9J0T_8)fJ@sjd^Php;*-BK3G?>m&Yzr&?MBGu@zdey1Yc z+JtMPO3(n~8X9j`sfen9M}jNEHwlO@Md5uA2RW=CkNOuNI>)2?jGMV2LOHInn@vWJ zbggK`g<*>^IK=RU4ZV20Yt!A61c*B1tIab$?5;Oi)inQD4A*a`UUg2ltVTa62MT;{ zyXO{}LkeL>ch6{*qhH(Ve0#QRcDtCC7q)0cp8x#J3WuG_J#3y~{S{&uyq>DbrXupk z&|UQ1OF3{L)A>-y_6ecZi)>_rs%7MaYgVtZV4NS;r!J$J`_}j8l1SEu6&E9eo#WO0 z#Goa>9Ae*{t%F}WU$3|}p6K>GDf_1%9x ?QeFZJCUo0Azo|EaRY8*7; zqoBB-1^<&rf7xqB9bZS!DoPI$7Yi|-03LQ;W%9H3yv?heF$^M%MC!SA*s}f`ag0@! z=(~#+FRoG#2h-q?4em(Bl3(8=NI?xMv8&SGUi`cJ-W)PqkDze&5hUQskDynh-Ff0* zF8h~QP-e+_pD{*2ozMOCtmqjGBETB&DJPxG5YPIkGW0|&Hw|271(YK!ErhM_Sbfb5 zx#(x~VENLwr(+CruwQpgrw#Xr0tbeC%O-e;elvNht+l0ot^e3E00t1MUdB5`{1LFF zRwADZ&A2G?tA?B124nq1mUoUzpJ6I{eD-y}GAbGw6*!#pfEonrY=~Q}?8;+3tonT` zO-#&0zrf&vfdI1jKi3SYMoYQ%LKs!TTzGkYF>TF2U%F7Wl>&XO)5+aOk?OhwJnu#F zb+1ou;xyuv0(44dtnAT~o^}0QpZ^$rvWVqYYML|P9kMF3_*~|U71b4Wo_Zxvi557E zw d&$m+a6htFU>Xf9_1hoTJXtiCGAnn)D){x5~2N&~`O@=7C zX@S37Wxzho$A+F~HH@E`aOs+odx})36Z?x4;v~%=mADsqE&17t1Ey?QlZ5Iit~=X> zzu_gr7m=vT34FYX+if9H H=Nhg#Y<@O zFjn3tyPn#{YRi+UYIA>=kw;EGnl0B-p8CSjcdq@@3iOxe={yp)Iw(y6JJlqbT56n_ z?tshkYGXB)tRce#5qm~=h>feUTNmz%EImQr!eVl*mAaMBcr+heMW6m7asIRe#mhPG zT9+iP>$t= xP=#cp%(ZpChgedwNG;X8-Tysn=`}UH(w$z; xa!4yv{c&$cKWJt?-0NU$n=`DAUkHmc+(sO=a#bxiUPKArvu> Q-6)` zi~09{{pFBOQh5radu;J_>)p2X3z?85#Z$&CRe7GbjCOZB@QyH3W$5>3lC>=cU{$QX zzG@!%^c(lx%xbvkH8(yvOwS0zTUdzW@M$S&;e)i<$bW&w;#E11RDAnoUVoDCs`mNU zv!a0~^V)V6G%ZBDUQ}iM()P`B3ZC5jw!fMuJGyr>EUH#d)AN&H*M911ISz?6angZ= zX};0hO4I!Ph`QpA+?tWY_y$ OJ{!)iQ%erN-I?>LnnDg-gz;HZvToONo;WC==V=&aDvJJy0bfBU(ao4;-45B zAwFO4{xRPhzIJ@5o|@Krq0H4NW&v?HWo{b^JRe&muwsks!%5~El{X>H4iG%Xod8MT zX9<@{pImKkXtEUxGskDoRC(r4dnSM!4J_x26)OqQ!c=SekmurY(!H%4GuUO{21HJW z?2WjHm($qt!#me~_&`4`pgiCdGA%HYc`6(|(kl_RLL>3(_owJNBh3Dj_S`yg(Lv%v zREPpm){`{3a6*>)a)LUWhs$V8u2kE;61^ivO+U8g?<=7+bmfaIQqTwP$Fah)R#bS; zJuUyiJ9{!WYv9b6T!1WYeOQ1iL*YRz6%8?F!b8Pr=Q3$B#b*Kb``@_$!r( JgPL>;~Y>Ug$S!ZkxIfe9fFkJm`PJ44`tCyGKB^_uuiE|pR zJ$#~k3bQ&_XX6pnIuI(r+`EJ6Foo1!oU5aluW$bk1O`gO8J@?OnJR|QfW)1-T$+{3 z0|l`R+&NFp#7!pXIzX*{`PV(>Ne1tx2P@HwAJ<*-%@?_)*D;(j{6U2E_EVtXLHrNt zd=`S&My1j6P1x&wSYwUx@2fI&F1~AD@BTQMQpH2c*)xmXfrnFGWWC4!UdAd#?(T z uLUfp=yA zzD8I>fv+&d3^`t# CH5b=fdc4OYb(}DdjCo`Lc!9b)G zb}yo5_5ETJe3J4MR^lOX%jB $0B!+~ETsnn)og3$*8W@)Clf_uc) +rDJ8c8MdS$V1#|kLbQ?G zm)5OP34$tHdd(uC{=NPa+U>-;{@|1kA}l4viuP^^6N*e(_jw}-A9a5-fr1r@_3)QB zX%i!N{_ajV$6NgM-Y?yQ`|pHio=cxi#8Y9X(dYm4;%{j=I{nt$M%I2?ABJF$DCJag zr{E=t!wHOA$6!zVIdzYf!6E)kUgi}_{e1@*`KMHvNujtajyR4CvAjl~IiO`dQPz1P zwu~U9tL`QHtuIr@5U2`oXgoOgTn~L;XH$;B6S457{sHtIMy9LFSGRE=-uV~J>B|fG zDrl~aPj(LmvrhQ(_yBFxoDG`$Q|-l_dK(W$X3a?Gv$+*N0bJ}?M2zh={YraA2|91S zF#NNI{zIew|6^AF8T$Xy#{b3L{;Q9d)CcZ!#u!P150P89#BbpIbTEaE{z>l{rbP%Y zH_UB#UsR;+T_^g8toqPS5$y}_5VhoPixwadqK&3##ph={I&4Ubvsn??QkC!J=%o)Y zvi2~tB@gebaEbX%my5DZo1=)5H3!(xWT3P0oSm`>bOIh4Jr=^P6#a9w(K0pg=4=Q? zPVeojz#m{tJdy1iUtFqY%z%w+2DIcFZ@i-ws_561jQJ6@s#Z)E7inmXEy##SB&@(V zS>IZ7E%)<)#x*u3kx$fKHJie2!MOC naCe=OP+69aP?~j>IRSUp8in@vd^m^%4#wf8=Gs%IoWv)m45MkKNPthw?_KRqk1f zUwX_2=6>&p(TK*(s# gA61MIoW!a!<8#%}LlIUg zNKXyQZX*uo!CBgIjAl-5@r;M9Ddc-*(RF6 X6)Uc%(e^i;h&Qq8Mhp#mE2s z*iW!4aQNzlRi1nn@1Z=rq2bF8)ciplr7=h+H(>CpMemHEEmo74%vNG>o$90ZS#~{R zz<%+}*MgDCfOLV)YM0f-hMJ*25+$TopphDhKwGcm=qU#4kt5Fc?v)+RWf?0v>jAvX z=
r a`6{uLt;$E44pk`7;pe|h3?L-&Y4$a22dtc$>9 zs65`9DOPs=GU`vv6c`S^R>-O@L-$oe^)U5{^v`RvhL0hEq#+BB8xRfhh(^WgAV))^ z84pq`n$p!6jv_e+HGlENUmxzQp)_hDU==94`?~RqfN+%$yF`tP$qWAEQ3@>0LgAJ^ zeMFULl^wqr!d2u_KCbK)wuPmM<4?qA#H|lEZRTYPLI8!w_51ttnDndD(6(YYFO4D2~9-Dk0=W`un|dW{vcR=U5cQ zzREAA0L+P}k!DFHTK^MqS2JfG2`#ZwYktRhNKkcCX^s1KPW+DNw5%0N!h{-m+V@Gh zp1&Dd-bqPcp-PTN-64SWnv_v|e)47^|B$Ymdx`dVW*}k&Oy4ih2OQpbpD|rhCCkfB z-%b^|+6bQp-*=BDy*{IvR?2{RhfcmcGBeGnEBo;ws|vmMBFKE8@L3N?WJjwIFh}?SlqHU^ z_YB{x$vEAQ@A*Jcr)W#AVW~0yeWOv^zWkS1W2s2aG{UN_cV3N)E}%S?@6y6UD6u)< zi5q}CczRyWxfn4iS=1K-*t9&dzu=dPSgl5nx)RnzoxSapxMjPJB`w-)uyoG2dN07L z>
+0j*>BfG%&-tu)7d5Ib;W3I7y&ALQ0g7$w@Z58+5q?k6!mV=A6;1 zB%8t;IP67>0l&GOEKT#ft(+aa(^zga@13ZjOT*g f*!kR(Q_y %2`- zdFXwUVoEvxp`?-H7GW@zJW_jBATRr@41M63TveZelj%aKu0%0bPhJJce&)P@EF>9t z+6m|u=$llE6=V& az7|1X(p?;uk+?0_6sm4udr+f0aNVle6KY&X{36 zwV1irzNS9 jfMtbBJB@w}YXaX}$;>FQZFzDe_Dn86}@y#?F za**&-Yu-WfmA42Z%RT+Rp7g>QlzQiOT029IMFxx}AH!^F+KwFNK1MNMyf~%q-2?}6 zQ`% *j zt8&HT)NczhK+N~|U}gD7prP;g+Xb(2!p5`$;l{h3t6qr{V@CFm*IqyQx<#jSH@U@i zjiEc@EkzW=p?NRzJ|qYC^7RZUDaZdV1*x&}Uup*?P3^(o58q1TFhLEMvD%#7SdE}S zA b~7siX~&ANo8ve!f=Q!Yz?c|cg`8&^DXo`gcU;nKTbMppny-*dH!-s%#_ z5);pZ`?~C-?iN!uzGZG%AX+f4O`F=( UYtcSkUC`cXei(Rl5;_jN1kRR{=+Ba;_+3*wpQ_AR9!UC^1XS1L!2L2 z{!6l8XIM2I=GP6cQ6v^t_a-lI<*H5>099+&bU4DXs%K5ty!3`a^CV9mdhHf5-=OuW zmUxqj1-}0cbuR%_w$-)BMqM|9P 2w-k=T2>5s% zTltPHCmpqaYd7-i?)yp5NH4e%sS1>#Ih>#*vK=p =JP&46? z`zPg>ouQ+RoF>#G!nCnrecb_nj~k8F8O8fnqbGN;!=SbLlUX{aD}$Tfc_%}TeAlR} zG^f}UT6COKn8qS_E5}|AImnrP1A-F5!u5**9TMr#tfvY!L{7l=!*wIL=v3MOIsPOh z;}5FNVxCrj9+2FKW*) PQD1=bye&a{%0aXQ>xT8D(5M=x=mR~u@ zGEmW;W=Z;IwABq1uUvWk%I_&o=k1E#8&aa0S#gpa %)D8bFUn^>WN%FgJIju6Gx42Y_J z+im*^*a<7bg4d^L+{B&5Rij{d*j6>5ma8jEy+}at1O#BTdd7(NA(d!)IZSF5dH^oE zUd-MzkVw<`EywhkVevHA7?_Mgtj+WZy8@}8IP>66eV-b$yZZo+5KMTT`$)hLrmJAT z!sxi<*Tz_rATc+o*a-~rj%bzCtZGts4MxP#yCjG33^&$v+FwSlL)a?x=Y|Br#W|rC z%@M3o>j1@d9?Wb~HM%42y}`$Y1SN3pQvx8G9`w##iw@rCTgYX~h0D-!cpI9Bf7NoS zCd>R*p-$nQ(3Gv~tu*C|d} Cl~s=vRY%{>d?ufxr=GUH6v2o zg{~<>SDf$3V8S%m&pLqh3fyZf)&NHSj&MeGP7CxI) xowt*11$yO`b-IKa3oetHf-ATq-F~(Af_a&4 oPJGz-va0C $c2M7vZylc$Wj(v+VQvN)01Zed z=-fYor}J#N%w%8;qnT|4S*RQe0Niq~mE(vf;cc_9=VL~hKU#7CL29If1@x&g+Ck0N zJJhjaeE@w9#tRwI8I3|H?^qW#*&V)eAW>jmtVD#1iy8#l1Ia_lxz_azA&?!=j~k_~ z2D%b9*8I!!q#Pco%PaB2AXjmD+;548TBkRhp6+6}m7CS=so?}_N~cuIa_}?x==~X; zM)Iv8yIF+(86ONXePfmrTf6<|O+@*pa2Frfvb|RTGNg(ICLQ}yGCEhiQo6qV5wtB< z>-$=2S=#XIyS-U&zQ6@5tGt+-rPnoD)umI?V0e1;>K1 2u23?oL*(fv$5x+9sJ=OlB zoU?4W!!ZzxY*i&?H~6?B-(G*Er7x1w0JB zU1zc9-iIll>)bV)R%6(8tn~N5_hr>C|tCqEUYNj@FEANN&3mWJ4bDOK%fX)H&If z1FX t)Hh4L6 zWViRUCo9ah`P>M`0te0q?ADCfFls6@k45v)lUI!7a%-(Z6Q=ENKR*!Vw5(Rzt{Xyp zlcATjh%8T>0+G9%qcDFZRz^xBcbxa?8}&4e{B7 Py-)w)ftzjm#GtiS9_WYxYSteWb9=