手写usewatch

"手写`useWatch`"通常是指在一些基于Vue.js的脚手架或自定义框架中，开发者手动创建一个类似于Vue官方提供的`watch`功能的自定义指令。`watch`指令在Vue中用于监听数据的变化并执行相应的响应操作。

例如，在非Vue官方库的情况下，可能会有这样的简单实现：

export function useWatch(targetKey, getter, setter, options = {}){
    let value;
    const watcher = new Watcher(getter, targetKey, {
        deep: options.deep || false,
        immediate: options.immediate || false
    });

    // 当目标值发生变化时执行回调
    watcher.observe(value = getter());

    function updateValue(newVal) {
        if (newVal !== value) {
            value = newVal;
            setter(newVal);
        }
    }

    return {
        value: () => value,
        update: updateValue
    };
}

这个自定义的`useWatch`函数接受目标键、getter函数（获取当前值）、setter函数（设置新值）以及可选的选项作为参数。它返回一个包含当前值和更新方法的对象，以便你在组件内部轻松地监视和处理数据变化。