const same = ref(true); // is name2 must same of name1
const name1 = ref('1');
const name2 = ref('2'); // name2 not same of name1, although the same is true（because this  is from DB）

let first = true;
watchEffect(()=>{
  const _first = first;
  first = false;
  if (same.value) {
    const value1 = name1.value;

    if (!_first) {// not run when the first time
      name2.value = value1;
    }
  }
});

const same = ref(true); // is name2 must same of name1
const name1 = ref('1');
const name2 = ref('2'); // name2 not same of name1, although the same is true（because this  is from DB）


watchXXX(()=>{
  // tracking
  const isSame = same.value;
  const value1 = name1.value;

  // the callback without tracking, not call when options.immediate is false
  return () => {
    if (isSame) {
      name2.value = value1;
    }
  }
},{ 
  immediate: false // not run the callback when first
 });

// It like watchEffect
function watchXXX(effect, options) {
  let count = 0;
  return watchEffect((cleanupFn) => {
    const _count = count  ;

    const doUnTrack = effect(cleanupFn);

    const immediate = options && options.immediate;
    if (immediate || _count>0) {
      withoutTracking(() => {
        doUnTrack(_count);
      });
    }
  }, options);
}

function withoutTracking(fn: () => void) {
  pauseTracking();
  try {
    fn();
  } catch (e) {
    throw e;
  } finally {
    resetTracking();
  }
}