vue3.0尝鲜-海贼王发布后的新东西（六）
鑳屾櫙鎺ュ墠浜旂瘒锛歷ue3.0灏濋矞-浠嶵oDoList寮€濮嬶紙涓€锛塿ue3.0灏濋矞-鐞嗚В鍙樺寲锛?锛塿ue3鐨勫皾椴滆€呫€?-tyepscript寮€鍙戠粍浠?3)vue3.0灏濋矞-鐪嬪畬灏卞紑濮?4)vue3.0灏濋矞-甯垜璧峰簥瀛︿範缁勫悎API(5)涓婂懆鍏櫄涓婏紝vue3.0姝ｅ紡涓婄嚎閲婃斁銆傛湰浠ヤ负瑕佽繃涓€娈垫椂闂存墠浼氭寮忓彂甯冿紝娌℃兂鍒扮獊鐒跺氨鍑轰簡姝ｅ紡鐗堛€婃捣璐肩帇銆嬨€傜湅浜唙ue3.0鐨勬渶鏂板彂甯冨湴鍧€锛屽彂鐜颁簡涓€涓柊涓滆タ馃槰lit-html鍘诲挨鑰佸笀鐨刧ithub涓婄湅浜嗙湅锛岀湅鍒颁簡涓€涓柊鐨勫皬宸ュ叿vue/litvue/lit婧愮爜棣栧厛锛岃繖涓猳ne@缁撳悎vue/reactivity鍜宭it-html鐨刴ini鑷畾涔夊厓绱犳鏋讹紙涓嶅埌70琛屼唬鐮侊級婧愮爜鏄灏戯紵锛屾棤闇€浣跨敤涓€闀夸覆宓屽鍏冪礌锛屾槸WebComponents鏍囧噯鐨勫叧閿壒鎬т箣涓€
customElements鏄疌ustomElementRegistry
API鐨勫埆鍚嶏紝MDN鍦板潃//html
123 lit-html鏄竴涓猦tml妯℃澘寮曟搸锛屽彲浠ョ敤javascript缂栧啓
lit-html瀹樼綉鍦板潃
琛ㄩ潰涓婄湅璧锋潵寰堝儚jsx锛屼絾杩欏彧鏄疛avaScript鐨勮娉曘€俵it-html娌℃湁铏氭嫙dom鎴栧樊寮傛鏌ョ殑姒傚康銆傚畠鏇翠笓娉ㄤ簬鍋氫竴涓覆鏌撳紩鎿庯紝涓嶆彁渚涚粍浠跺拰搴旂敤绋嬪簭妗嗘灦銆傛墍浠ユ蹇靛緢灏戙€傚熀鏈笂锛屽畠鏋勫缓涓€涓猦tml妯℃澘锛岀劧鍚庡憟鐜板畠銆備簬鏄紝澶т浆寮€鍙戜簡vue-lit锛岃瘯鍥惧皢涓よ€呯粨鍚堣捣鏉ワ紝涓簐ue鐢ㄦ埛鎻愪緵鍏朵粬鐨勬覆鏌撳紩鎿庛€?br/>鐗圭偣锛氱敤javascript缂栧啓鐨刪tml妯℃澘鍙互蹇€熷惎鍔ㄥ拰鏇存柊锛屼笉闇€瑕佹瀯寤哄伐鍏风殑棰勭紪璇戝拰棰勫鐞嗭紙娴忚鍣ㄥ吋瀹规€т笉楂橈紝闈㈠悜鏈潵鎶€鏈級锛屼綋绉皬锛屼娇鐢ㄦ柟渚匡紝API鎵╁睍鎬у己//Importlit-htmlimport{html,render}from'lit-html';//瀹氫箟涓€涓ā鏉縞onstmyTemplate=(name)=>html`
Hello${name}
`;//Renderdocumentrender鐨勬ā鏉匡紙myTemplate锛?World'锛夛紝document.body锛夛紱缁堜簬鍒颁簡vue3.0绠楁槸灏濋矞浜嗭紝璧剁揣瀛﹁捣鏉ュ惂銆傚枩娆㈠氨鐐逛釜璧炲惂锛屽摕锛乬ithub浠ｇ爜鍦板潃锛乕](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/31398db0bb02435d9e941ea899540f8a~tplv-k3u1fbpfcp-zoom-1.image)
