鍓嶈█寰俊灏忕▼搴忓拰vue鐨勮娉曢潪甯哥浉浼硷紝瀵逛簬浼氬啓vue鐨勬湅鍙嬫潵璇村熀鏈緢瀹规槗涓婃墜vue銆備絾鏄井淇″皬绋嬪簭缂哄皯浜嗗緢澶歷ue涓病鏈夌殑涓滆タ锛屾瘮濡傝绠楀睘鎬э紝watch鐩戞帶銆傝繖浜涘湪鏃ュ父寮€鍙戜腑缁忓父鐢ㄥ埌銆傝櫧鐒跺井淇″皬绋嬪簭娌℃湁鐩存帴鎻愪緵鐩稿叧鐨凙PI鏉ヤ娇鐢ㄨ繖浜涘姛鑳斤紝浣嗘槸鎴戜滑鍙互閫氳繃涓€浜涘叾浠栫殑鏂瑰紡鏉ョ畝鍗曢棿鎺ョ殑瀹炵幇杩欎簺鍔熻兘銆傝繖绡囨枃绔犲氨鏄褰曚竴涓嬪疄鐜拌繖浜涘姛鑳界殑杩囩▼鍜屼竴浜涗釜浜烘劅鍙椼€傚疄鐜版楠omputed鐨勫疄鐜拌繃绋媍omputed鐨勫疄鐜拌繃绋嬮潪甯哥畝鍗曘€傛垜浠彲浠ヤ娇鐢ㄥ井淇″皬绋嬪簭鑴氭湰璇█WXS锛圵eiXinScript锛夋潵绠€鍗曞疄鐜颁竴涓被浼间簬vue涓殑璁＄畻灞炴€э紙computed锛夌殑鍔熻兘銆傚厛鐪嬩笅瀹樻柟鏂囨。鐨勪緥瀛?!--wxml-->varmsg="helloworld";module.exports.message=msg;{{m1.message}}椤甸潰杈撳嚭锛歨elloworld鎴戜滑鍙互鎶?wxs>鏍囩褰撴垚涓€瀵?script>鏍囩锛屾垜浠彲浠ュ湪閲岄潰瀹氫箟鍙橀噺鍜屽嚱鏁般€傜劧鍚庝娇鐢ㄦ垜浠湪鈥淢ustache鈥濊娉曞弻鎷彿鍐呭畾涔夌殑鍑芥暟鍜屽彉閲忋€傜湅瀹屽畼鏂圭殑渚嬪瓙锛屾垜浠潵瀹炵幇涓€涓畝鍗曠殑绫讳技vue鐨刢omputed銆?/page.jsPage({data:{order:{time:'2022-06-27',status:1,amount:10}}})module.exports={handleMatchStatus:function(source){switch(source){case1:return'paid'case2:return'paymentfailed'case3:return'refunding'}}}{{comp.handleMatchStatu(order.status})}}杈撳嚭锛氬悗鍙拌幏鍙栧埌鐨勪竴浜涘凡缁忔敮浠樼殑鏁版嵁锛屾瘮濡傝鍗曟暟鎹噷闈㈠彧鏈夊崟浠峰拰鏁版嵁锛岄〉闈㈤渶瑕佷綘鏄剧ず鎬讳环锛屽彲浠ヨ繖鏍锋鏃舵槸杩欐牱瀹炵幇鐨勶紱鎴栬€呴」鐩腑鏈変簺鏁版嵁鏄姸鎬佹垨鑰呯被鍨嬫暟鎹紝姣斿璁㈠崟鐘舵€侊紝璁㈠崟绫诲瀷锛屽晢鍝佹笭閬撶瓑锛屽悗鍙颁紶杩囨潵鐨勬暟鎹兘鏄暟瀛椼€傚鏋滄湁瀛楀吀琛ㄥ氨濂藉姙浜嗐€傚鏋滄病鏈夊瓧鍏歌〃锛屼竴鑸槸鍚庡彴鐩稿叧銆傝璁哄ソ涔嬪悗锛岃缃嚑涓暟鍊硷紝杩欐椂鍊欐暟鍊煎搴旂殑鏂囧瓧鎰忔€濆氨鍙互杩欐牱鏄剧ず浜嗐€倃atch鐨勫疄鐜拌繃绋嬪厛鏄庣‘涓€涓嬪疄鐜板悗鐨勬晥鏋滐細鍙互鐩戝惉灏忕▼搴忛〉闈腑鏁版嵁鎵€鏈夊睘鎬у€肩殑瀹炴椂鍙樺寲銆傛€濊矾锛氬皬浼欎即浠簲璇ラ兘鐭ラ亾vue2.x涓殑鍙屽悜缁戝畾鏄€氳繃Object.defineProperty鏂规硶瀹炵幇鐨勩€傛墍浠ユ垜浠殑寰俊灏忕▼搴忓彲浠ュ€熼壌杩欎釜鏂规硶銆傞€氳繃閬嶅巻椤甸潰涓暟鎹殑灞炴€э紝浣跨敤Object.defineProperty瀵规瘡涓€涓睘鎬ц繘琛岄€愪釜鐩戝惉锛屽綋鍙戠幇灞炴€у€艰淇敼鏃惰皟鐢ㄩ泦鍚堜腑瀵瑰簲鐨勫鐞嗗嚱鏁般€傚叿浣撳疄鐜颁唬鐮侊細/****@param{*}鏁版嵁鐩戝惉瀵硅薄*@param{*}watch鐩戝惉閿拰鍥炶皟鍑芥暟绫?/exportconstsetWatcher=(data,watch,_this)=>{//鎺ユ敹椤甸潰浼犻€掔殑data瀵硅薄鍜寃atch瀵硅薄//鐩戝惉灞炴€э紝鎵ц鐩戝惉鍑芥暟constobserve=(obj,key,watchFn)=>{varval=obj[key];//鏀瑰彉涔嬪墠鐨勫睘鎬у€糘bject.defineProperty(obj,key,{configurable:true,enumerable:true,set:(value)=>{val=value;watchFn.call(_this,value);//璋冪敤correspondingfunction},get:()=>{returnval;}})}Object.keys(watch).forEach(v=>{//閬嶅巻watch瀵硅薄涓殑keyobserve(data,v,watch[v]);//鐩戝惉data涓殑v灞炴€э紝浼犲叆watch涓搴旂殑鍑芥暟璋冪敤})}鍑芥暟鏈変笁涓緭鍏ユ暟鎹紝watch,_this;data鏄垜浠洃鎺х殑瀵硅薄锛屼篃灏辨槸灏忕▼搴忎腑椤甸潰涓殑鏁版嵁銆倃atch鏄竴涓璞★紝鍖呭惈浜嗚鐩戞帶鐨勫睘鎬у拰瀵瑰簲鐨勫嚱鏁帮紝浠ラ敭鍊煎鐨勫舰寮忓瓨鍌ㄣ€俴ey鏄鐩戞帶鐨勫睘鎬э紝key瀵瑰簲鐨剉alue鏄睘鎬у€煎彉鍖栧悗鐨勫洖璋冨嚱鏁般€俖this灏辨槸璋冪敤鎴戜滑灏佽鐨勫嚱鏁扮殑鐜銆傚皝瑁呭悗鎴戜滑鍙互瀵煎叆浣跨敤import{setWatcher}from'../../utils/util'Page({data:{a:1,b:2}asynconLoad(options){setWatcher(this.data,this.watch,this);},//鐩戝惉鍊紈atch:{a:function(newValue){//鍊煎彉鍖栧悗鐨勬搷浣渃onsole.log(newValue)},b:function(newValue){//鎿嶄綔鍊兼洿鏀瑰悗console.log(newValue)}}})璇锋敞鎰忥紝WXSWXS鍑芥暟涓嶈兘鐢ㄤ綔缁勪欢浜嬩欢鍥炶皟銆傚湪WXS涓笉鑳借皟鐢ㄥ叾浠杍s鏂囦欢鐨勫嚱鏁板拰鍙橀噺锛屽皬绋嬪簭鐨凙PI涔熶笉鑳借皟鐢紝鍥犱负WXS杩愯鐜涓庡叾浠杍s浠ｇ爜鏄殧绂荤殑銆傛湁浼樼偣涔熸湁缂虹偣銆傚畠閫熷害蹇紝浣嗕笉鑳戒笌鍏朵粬鏂囦欢鐨勪唬鐮佷氦浜掋€傚皝瑁厀atch鏃讹紝蹇呴』浣跨敤浼犲叆鐨則his锛岄€氳繃call淇敼this鎸囧悜鍑芥暟璋冪敤鐨勮瘝娉曠幆澧冦€傚惁鍒檚et涓紶鍏ョ殑鍥炶皟鍑芥暟鏃犳硶璋冩暣銆傜患涓婃墍杩帮紝iOS璁惧涓婂皬绋嬪簭涓殑WXS浼氭瘮JavaScript浠ｇ爜蹇?鍒?0鍊嶃€傛墍浠ヨ繖绉嶈鍗曟祦涓殑涓€浜涙暟鎹彲浠ョ畝鍗曠殑鐢╓XS瀹炵幇锛岀被浼间簬vue涓殑computed锛岃繕鏄瘮杈冩湁浼樺娍鐨勶紝灏ゅ叾鏄繖绉嶉渶瑕佸湪椤甸潰涓婇绻佹覆鏌撶殑鏁版嵁銆備笂闈唬鐮佷腑浣跨敤浜哋bject.defineProperty鏉ュ皝瑁呯被浼紇ue涓瓀atch鏂规硶鐨勫疄鐜帮紝杩樻湁浼樺寲鐨勫湴鏂广€傛瘮濡傚綋鏁版嵁涓殑娣卞眰鏁版嵁鍙戠敓鍙樺寲鏃讹紝鏃犳硶鐩戞帶锛岄渶瑕佹繁搴﹀惊鐜亶鍘嗐€傚綋鐒朵篃鍙互鍦╲ue3涓娇鐢╬roxy浠ｇ悊鏉ュ疄鐜般€傚ぇ瀹舵湁娌℃湁鍏朵粬鏇村ソ鐨勬柟娉曞湪璇勮鍖虹暀瑷€锛屼竴璧蜂氦娴併€傛渶鍚庯紝鎴戞槸AndyHu锛岀洰鍓嶆槸涓€鍚嶅墠绔惉鐮栧伐绋嬪笀銆傛枃绔犲鏈夐敊璇紝娆㈣繋鍦ㄨ瘎璁哄尯鎸囨銆傚鏋滄湰鏂囧鎮ㄦ湁甯姪锛岃鐐硅禐鍏虫敞銆傛湭缁忚鍙姝㈣浆杞姐€傪煉屽皯璇达紝澶氬仛銆?/p>
