Vue useState 钩子写法

为什么用 useState 创建状态变量

习惯写 React 的，偏向用 tsx 写 Vue 组件，用 useState 保持统一的编程风格。Vue 自身的 setup 风格体验也很不错，我个人是两者都喜欢。

TS代码

import { ref, UnwrapRef, Ref } from "vue";

export default function useState<T>(initState: T): [
    Ref<UnwrapRef<T>>,
    (newState: UnwrapRef<T>) => void
] {
    const state = ref(initState);
    const setState = (newState: UnwrapRef<T>) => {
        state.value = newState;
    }
    // return {state, setState};
    return [state, setState];
}