React Hook compare Vue Composition API
|
React Hook
|
Vue 3
Composition API(组合式API)
|
核心区别
|
|
useState
|
ref
/
reactive
|
React 靠 setter 触发更新(不可变);Vue 靠 Proxy 拦截直接修改(可变)。
|
|
useEffect(() => {}, [])
|
onMounted
|
Vue 将生命周期拆分成了明确的独立函数。
|
|
useEffect(() => {}, [a])
|
watch(a, () => {})
|
Vue 需要明确指出监听谁。
|
|
useEffect(() => {})
|
watchEffect(() => {})
|
都是自动收集依赖,但 Vue 性能更好(底层编译时静态分析)。
|
|
return () => {}
|
onCleanup
回调 /
onUnmounted
|
React 把清理写在 return 里;Vue 可以写在
watch
的第三个参数里,或者单独写一个
onUnmounted
。
|
浙公网安备 33010602011771号