6月安卓手機性價比榜：Note 12 Turbo斷層式碾壓
6月份有一個618，雖然這是京東周年慶的日子，但別的電商也都不約而同的跟進了，反正促銷沒壞處，廠商和用戶都能滿意。618期間一些產品也出現了歷史低價，那么各個價位段的產品性價比
我們都知道 Vue 一直主流是使用 template 模板來進行頁面的編寫。而就在最近，Vue3 的超前項目 Vue Macros 中，發布了 defineRender、setupComponent、setupSFC 這些新的 API，這代表了，以后 Vue3 有可能可以全面擁抱 JSX/TSX 了??！
說這個新 API 之前，我們先來說說什么是 Vue Macros。
Vue Macros 是由 Vue 團隊成員維護的一個 超前版 Vue。
許多 Vue3 的新 API 都是在這個項目中孵化出來的，比如 Vue3.4 的：
所以從 Vue Macros 這個項目，也可以預見到 Vue3 未來可能會發布的新 API 和新特性。
Vue Macros 中很多功能都是超前功能，在 Vue3 正式版中并沒有這些功能，如果想要體驗這些超前功能，需要安裝對應的插件：
npm i -D unplugin-vue-macros并在 vite.config.ts 中配置這個插件：
我們在開發 Vue 時，在很多情況下，都會使用 template 來編寫頁面：
但是在編寫一些比較靈活且基礎的組件（比如組件庫）時，使用 template 來編寫比較費勁，所以有些時候也會使用 h 函數來編寫
但是可以看到，雖然 h 函數更加貼近 JavaScript，更加靈活，但是當層級太多時，寫起來也是非常的不方便~
所以 Vue3 在之前推出了 @vitejs/plugin-vue-jsx 這個插件，目的就是為了開發者能在 Vue3 項目中去使用 JSX/TSX
pnpm i @vitejs/plugin-vue-jsx
defineRender 是 Vue 超前項目 Vue Macros 中推出的一個新的 API，它很有大可能會在未來的 Vue3 正式版中推出。
我們可以通過安裝 Vue Macros 的插件來體驗這一超前功能：
setupComponent 讓 Vue3 越來越像 React 了?。?！在超前項目中，推出了 defineSetupComponent 這個 API ，讓你可以使用 JSX 去編寫一個組件
setupSFC 的模式下，無需在包裹 defineSetupComponent 這個函數了，甚至可以直接寫在 tsx 文件中，來編寫一個 SFC
本文鏈接：http://m.www897cc.com/showinfo-26-84036-0.htmlVue3 超前版發布三個新特性！有望全面擁抱 JSX/TSX！
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
上一篇： C# 中 using 的幾種使用場景
下一篇： C# 操作 Redis 的五種常見方法
Copyright ? 2016-2023 天津谷騏科技有限公司 版權所有 sitemap.xml
違法及侵權請聯系：2376512515@qq.com 津ICP備18001702號
津公網安備 12010102000574號