[筆記] React 與 Vue 的實作思維轉換筆記

章節連結

身為一個 Vue 的長期用戶,在轉換 React 的寫法時有一些思維模式的對照會需要釐清。這邊筆記下相關內容。
react logo


內容

1. v-for 語法會用 JavaScript 的 Array.map 來寫。若要過濾的結果無需用 computed,以 Array.filter 再 Array.map 來用
2. v-slot 就是 children。當你在傳入的值並不想要將每一個類型的寫出時,可以用 { …rest } 來表示
3. Vue 以 template 為核心,很像在寫 Html;React 的一切都像是在寫 JS,就連 CSS 都是寫在 js 中
4. Vue 中的父傳子是用 props、子傳父用 $emit;React 父傳子一樣是用 props、子傳父責要靠「父層傳進來的 callback」。因此 React 是一個明顯的單項流;Vue 的話可以雙向溝通
5. React 可以將 props 當作 useState 監聽的變數,如此一來你就可以將一頁中會用到區塊做出有效的區隔。


參考資料

1. Vue3 与 React 全方面对比

按讚加入粉絲團

延伸閱讀