composition api和react hooks的對比
- 2022 年 6 月 16 日
- 筆記
- Composition API, React, reactHooks, VUE, vue3
一. 我的走位: 保持中立
1. 各有各的好處, 誰也別說誰
2. 一個東西帶來了好處, 相應的副作用肯定也有, 人無完人
二 . vue3 的composition api 和 react hooks 的對比
1. composition api 中的 setup只會被調用一次; react hooks 中的函數會被多次調用;
2. react hooks 需要useMemo useCallback , 因為setup只會被調用一次;
3. composition api不需要保證順序, react hooks 要保證 hooks 順序 一致
4. ref toRef toRefs reactive 比起 useState 太繁瑣了…
三 . composition api 和 react hooks 裏面都有啥
1. react hooks 中 目前 包含: (指不定以後還增加)
2. composition api 目前 包含: (指不定以後還增加)
四. 兩者注意事項
react hooks注意事項:
1. useState初始化, 只有第一次有效
2. useEffect 內部不能修改state
3. useEffect 可能出現死循環 ( 依賴注入是引用類型 就會這樣 )
composition api注意事項:
1. 不建議和options api共用
2. 小型項目,業務邏輯簡單可以用 options api, 沒必要 composition api
3. composition api 屬於高階技巧了, 抽離函數 實現組件邏輯復用
五 . 大家有補充的話, 下方評論哈