鏍″洯涓囬湠鍓嶈█瀛︿範Vue蹇呴』瑕佺煡閬撶粍浠讹紝鍚﹀垯鍙兘灏辩浉褰撲簬鐧藉浜嗐€傛垜瀹屾垚浜嗗墠鏈熻€佸笀甯冪疆鐨勪换鍔°€傝瀹炶瘽锛屾垜浜や簡锛岀洿鎺ヨ楠備簡銆傚師鍥犳槸鎴戞病鏈夌敾缁勪欢馃槀锛堟垜鏄竟鎵撹竟瀛︼紝娌℃兂閭ｄ箞澶氾紝灏辨槸鎯冲疄鐜颁竴涓嬶級銆備竴涓皬椤甸潰锛?163琛岋紙鎹傝劯锛夈€傜劧鍚庢垜涓嬪畾鍐冲績璋冩暣vue缁勪欢銆傚叾瀹炴垜瑙夊緱鎸哄ソ鐜╃殑銆傛帴涓嬫潵鎴戜滑鏉ョ湅鐪嬬粍浠跺繀椤诲叿澶囩殑props銆傚湪鐞嗚В杩欎釜涔嬪墠锛屾垜浠繀椤讳簡瑙ｇ粍浠剁殑鍩虹鐭ヨ瘑銆傚湪props閮ㄥ垎寮曞叆vue.js鏂囨。纭疄鏄竴绉嶇洿鎺ョ殑鍏ラ棬鏂瑰紡銆傜粍浠跺疄渚嬬殑鑼冨洿鏄殧绂荤殑銆傝繖鎰忓懗鐫€涓嶈兘锛堜篃涓嶅簲璇ワ級鍦ㄥ瓙缁勪欢鐨勬ā鏉夸腑鐩存帴寮曠敤鐖剁粍浠舵暟鎹€傜埗缁勪欢鐨勬暟鎹渶瑕侀€氳繃prop浼犻€掔粰瀛愮粍浠躲€備篃灏辨槸璇达紝props鏄瓙缁勪欢璁块棶鐖剁粍浠舵暟鎹殑鍞竴鎺ュ彛銆備篃灏辨槸璇达紝濡傛灉鎴戜滑瑕佸姩鎬佺殑缁欏瓙缁勪欢浼犻€掓暟鎹紝閭ｄ箞瀛愮粍浠朵腑灏卞繀椤昏鏈塸rops銆傚鏋滃瓙缁勪欢瑕佹覆鏌撶埗缁勪欢鐨勫厓绱狅紝閭ｄ箞蹇呴』鍦╬rop涓０鏄庝竴涓彉閲忋€傝繖涓彉閲忓彲浠ュ紩鐢ㄧ埗鍏冪礌鐨勬暟鎹紝鐒跺悗灏卞彲浠ユ覆鏌撲簡銆傚熀鏈敤娉曟垜浠啓浜嗕竴涓皬缁勪欢demo锛岀劧鍚庡湪App>搴旂敤绋嬪簭娌℃湁鏄剧ず鍒濆鍖栨晥鏋滅殑

{{message}}

琛屻€傝櫧鐒跺瓙缁勪欢宸茬粡鎺ユ敹鍒帮紝浣嗘槸鎴戜滑濡備綍鍦ˋpp缁勪欢涓紶鍊煎憿锛?!--:message瀵瑰簲瀛愮粍浠秔rop涓帴鏀跺彉閲忓悕绉?message"瀵瑰簲鐨勭埗缁勪欢涓璬ata涓畾涔夌殑鏁版嵁-->data(){return{message:'hello'}}鎺ヤ笅鏉ワ紝璁╂垜浠湅鐪嬪瓙缁勪欢鏄惁琚覆鏌撲簡銆傛覆鏌撴垚鍔熴€傚彟澶栵紝瀛愮粍浠舵帴鏀秔rops鐨勬椂鍊欙紝鎴戜笂闈㈣鐨勬柟娉曟槸鏈€绠€鍗曠殑銆傜悊璁轰笂搴旇鍦ㄦ帴鏀剁殑鏃跺€欐寚瀹氱被鍨嬶紝鍥犱负JavaScript鏄竴闂ㄥ急璇█銆俻rops:{title:String,likes:Number,isPublished:Boolean,commentIds:Array,author:Object,callback:Function,contactsPromise:Promise//oranyotherconstructor}杩欐槸鏈€鍩烘湰鐨勭埗缁勪欢浼犻€掓暟鎹粰瀛愮粍浠舵柟寮忋€侾rops鐨勫崟鍚戞€э紙閲嶈锛夋敞鎰忥細褰撶埗缁勪欢鐨勫睘鎬у€兼敼鍙樻椂锛屽瓙缁勪欢涔熶細绔嬪嵆鏀瑰彉锛屽弽涔嬪垯涓嶇劧銆傚彟澶栵紝涓嶈璇曞浘鏀瑰彉瀛愮粍浠跺唴閮≒rop鎺ユ敹鍒扮殑鍊笺€傚綋鍊间负瀵硅薄鏃跺彲浠ユ垚鍔燂紝浣嗚繖鏄繚鍙嶈鍒欑殑銆倂ue涔熶細鍦ㄦ帶鍒跺彴缁欏嚭璀﹀憡锛屼絾鏄垜浠笉鍙伩鍏嶇殑瑕佸湪瀛愮粍浠剁殑鏃跺€欎慨鏀瑰€硷紝璇烽棶鏈変粈涔堝姙娉曞悧锛?銆佺涓€绉嶏細鐖跺厓绱犻€氳繃prop浼犻€掍竴涓垵濮嬪€硷紝鎴戜滑甯屾湜鍦ㄥ瓙缁勪欢涓皢鍏朵綔涓烘湰鍦扮殑prop鏁版嵁銆傝繖绉嶆儏鍐典笅锛屾垜浠€氬父浼氬湪瀛愮粍浠剁殑鏁版嵁鍖哄畾涔変竴涓彉閲忥紝骞朵负鍏惰祴鍊笺€俻rops:['message'],data:function(){return{msg:this.message}}2.绗簩绉嶏細Computedproperty瀹樻柟渚嬪瓙锛歱rops:['size'],computed:{normalizedSize:function(){returnthis.size.trim().toLowerCase()}}娉ㄦ剰锛氬璞″拰鏁扮粍鍦↗avaScript涓兘鏄€氳繃寮曠敤浼犲叆鐨勶紝鎵€浠ュ浜庢暟缁勬垨鑰呭璞＄被鍨嬬殑prop锛屾敼鍙樺瓙缁勪欢涓殑瀵硅薄鎴栬€呮暟缁勬湰韬兘浼氬奖鍝嶇埗缁勪欢鐨勭姸鎬併€備笉鎺ㄨ崘杩欐牱鍋氥€備笅闈㈡槸杩濆弽瑙勫垯鐨勶細涓嶆槸v-model閿欎簡锛岃€屾槸鎴戜滑娌℃湁鐢ㄥソprop銆傛€荤粨鐖剁粍浠跺彲浠ラ€氳繃prop缁欏瓙缁勪欢浼犻€掓暟鎹紝浠庤€屽疄鐜板瓙缁勪欢鐨勫娆″鐢ㄣ€傚悗闈㈢殑鏂囩珷锛屾垜浠彧鏄€濊€冨浣曡瀛愮粍浠惰繑鍥炴暟鎹粰鐖剁粍浠讹紝鐖跺瓙缁勪欢銆佺鐖剁粍浠躲€佸厔寮熺粍浠跺浣曢€氫俊锛屽浣曠粰瀛愮粍浠剁粦瀹氫簨浠躲€傚湪涓嶆柇鐨勬洿鏂颁腑锛屾垜浠叡鍚岃繘姝ャ€傚悗璁板ぇ瀹跺姞娌癸紒锛侊紒鏂囦腑濡傛湁涓嶈冻涔嬪锛岃鍙婃椂鎸囧嚭锛屽湪姝よ〃绀鸿》蹇冪殑鎰熻阿銆傜焊涓婅皥鍏电殑鎴愭灉鎬绘槸鑲ゆ祬鐨勶紝鎴戠煡閬撹繖浠朵簨蹇呴』瑕佸仛銆傚ぇ瀹跺ソ锛屾垜鏄崥涓诲畞鍦ㄦ烦锛氫竴涓儹鐖辨枃鑹哄嵈璧颁笂缂栫▼閬撹矾鐨勯椤甸潚骞淬€傚笇鏈涳細褰撴垜浠浉閬囨椂锛屾垜浠皢鏈夋墍鎴愬氨銆?/p>