feat(@vant/use): add onMountedOrActivated

packages/vant-use/src/index.ts

@@ -1,10 +1,11 @@
+export * from './utils';
 export * from './useRect';
 export * from './useToggle';
+export * from './useRelation';
 export * from './useCountDown';
 export * from './useClickAway';
 export * from './useWindowSize';
 export * from './useScrollParent';
 export * from './useEventListener';
 export * from './usePageVisibility';
-export * from './useRelation';
+export * from './onMountedOrActivated';
-export * from './utils';

packages/vant-use/src/onMountedOrActivated/index.ts

@@ -0,0 +1,18 @@
+import { nextTick, onMounted, onActivated } from 'vue';
+
+export function onMountedOrActivated(hook: () => any) {
+  let mounted: boolean;
+
+  onMounted(() => {
+    hook();
+    nextTick(() => {
+      mounted = true;
+    });
+  });
+
+  onActivated(() => {
+    if (mounted) {
+      hook();
+    }
+  });
+}