Vue3.0姝ｅ紡鍙戝竷锛屽ぇ鐖嗙偢蹇箰馃榿銆傛柊璇硶闇€瑕佸弽澶嶅涔狅紝浣嗛渶瑕佸湪鐢熶骇鐜涓ぇ闈㈢Н浣跨敤锛屽彲鑳借繕闇€瑕佺瓑鍒板畠鐨勫懆杈瑰伐鍏凤細vuex銆乿ue-router绛夐兘鍗囩骇浜嗐€傚湪Vue3.0涓紝鍙嬭揪浣跨敤浜嗘柊鐨勭紪璇戝伐鍏穠ite锛屾敼鍙樹簡webpack鐨勭敓鍛金煒傘€傛垜灏濊瘯闃呰鏂囨。锛屽彂鐜版敮鎸乯sx璇硶銆傜敱浜庤繖娈垫椂闂翠竴鐩村湪浣跨敤react寮€鍙戦」鐩紝jsx鏈変簡瀹屽叏涓嶅悓鐨勪綋楠岋紝鏇村姞绾补鍜岀伒娲汇€傞」鐩垱寤簄pminitvite-appvite-vuecdvite-vuenpminstallnpmrundev鎴戜滑鍙戠幇鍒涘缓鐨勭洰褰曡В鏋勯潪甯哥畝鍗曚娇鐢↗SXVue3.0鐩存帴鏀寔jsx璇硶锛屾柊寤篸emo.jsxexport榛樿鍑芥暟JsxTemp(){return
jsx
}寮曞叆鍒癆pp.vue涓畬鏁村睍绀虹劧鍚庡皾璇曠粦瀹氭暟鎹甶mport{ref}from'vue'exportdefaultfunctionJsxTemp(){conststate=ref(0)constonClick=()=>{state.value++;console.log(state.value)}return
state:{state.value}
click}鎴戜滑鍙戠幇鏁皁fstates骞舵病鏈夊儚鎴戜滑鎯宠薄鐨勯偅鏍蜂笉鏂鍔狆煒€杩欐槸鍥犱负鎴戜滑闇€瑕佷娇鐢╒ue3.0涓殑defineComponent鍖咃紝浣垮叾鎴愪负涓€涓弻鍚戠粦瀹氱殑鏁版嵁缁勪欢銆傚弬鏁颁负setup鍑芥暟|objectimport{defineComponent,ref}from'vue'exportdefaultdefineComponent(()=>{conststate=ref(0)constonClick=()=>{state.value++;console.log(state.value)}return()=>(
state:{state.value}
鐐瑰嚮)})鍙互鐪嬪埌鐜板湪鏄疄鏃剁偣鍑诲疄鐜拌嚜澧炴晥鏋滅粍浠堕€氫俊濡備綍瀹炵幇缁勪欢涔嬮棿鐨勪紶鍊奸€氫俊锛熸垜浠渶瑕佷娇鐢ㄥ璞℃柟娉曚紶鍏ラ€氳鏁版嵁('emit:',e)}}}...瀵煎嚭榛樿defineComponent({props:{site:String},setup({site}){conststate=ref(0)constonClick=()=>{state.value++;console.log(state.value)context.emit('onGet','Mondo');}return()=>(
props:{site}
state:{state.value}
click)}})瀹炵幇鏁堟灉鎬荤粨鎴戜滑灏濊瘯浜嗗浣曞湪Vue3.0涓娇鐢╦sx锛岃繖鏈夊姪浜庢垜浠湪椤圭洰涓洿鐏垫椿鍦板叡浜垜浠殑缁勪欢锛岃繖鏍锋垜浠篃鍙互鍦ㄩ」鐩腑鍖哄垎鎴戜滑浣跨敤鐨勬棤鐘舵€佺粍浠讹紝鎴戜滑鍙互浣跨敤绾嚱鏁版潵鏄剧ず鏈夌姸鎬佺粍浠躲€傞€昏緫鍜屾暟鎹粦瀹氱粍浠堕渶瑕佷娇鐢╒ue3.0鎻愪緵鐨勪竴绯诲垪缁勪欢API銆傛垜涔熻瘯鐫€鎬荤粨浜嗗叆闂ㄧ骇寮€鍙戞墜鍐屻€傛杩庢寚姝ｅ弬鑰冿細vueglobalapi
