diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
index 07e8bd325..0575bb3cb 100644
--- a/src/action-bar-button/index.js
+++ b/src/action-bar-button/index.js
@@ -4,8 +4,8 @@ import { ACTION_BAR_KEY } from '../action-bar';
 
 // Composition
 import { useParent } from '@vant/use';
-import { useExpose } from '../composition/use-expose';
-import { useRoute, routeProps } from '../composition/use-route';
+import { useExpose } from '../composables/use-expose';
+import { useRoute, routeProps } from '../composables/use-route';
 
 // Components
 import Button from '../button';
diff --git a/src/action-bar-icon/index.tsx b/src/action-bar-icon/index.tsx
index 7fb8f25c4..f07acaa3a 100644
--- a/src/action-bar-icon/index.tsx
+++ b/src/action-bar-icon/index.tsx
@@ -3,7 +3,7 @@ import { ACTION_BAR_KEY } from '../action-bar';
 
 // Composition
 import { useParent } from '@vant/use';
-import { useRoute, routeProps } from '../composition/use-route';
+import { useRoute, routeProps } from '../composables/use-route';
 
 // Components
 import Icon from '../icon';
diff --git a/src/address-edit/index.js b/src/address-edit/index.js
index f30bb3033..75d80dee7 100644
--- a/src/address-edit/index.js
+++ b/src/address-edit/index.js
@@ -5,7 +5,7 @@ import { createNamespace, isObject } from '../utils';
 import { isMobile } from '../utils/validate/mobile';
 
 // Composition
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 // Components
 import Area from '../area';
diff --git a/src/area/index.js b/src/area/index.js
index c8e6dde01..0212085e8 100644
--- a/src/area/index.js
+++ b/src/area/index.js
@@ -1,6 +1,6 @@
 import { ref, watch, computed, reactive, nextTick, onMounted } from 'vue';
 import { createNamespace, pick } from '../utils';
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 import { pickerProps } from '../picker/shared';
 import Picker from '../picker';
 
diff --git a/src/button/index.tsx b/src/button/index.tsx
index f0663ba83..f697f2824 100644
--- a/src/button/index.tsx
+++ b/src/button/index.tsx
@@ -3,7 +3,7 @@ import { PropType, CSSProperties } from 'vue';
 // Utils
 import { createNamespace } from '../utils';
 import { BORDER_SURROUND, WHITE } from '../utils/constant';
-import { useRoute, routeProps } from '../composition/use-route';
+import { useRoute, routeProps } from '../composables/use-route';
 
 // Components
 import Icon from '../icon';
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index b412aebd0..9ce97b7b4 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -14,8 +14,8 @@ import {
 
 // Composition
 import { useToggle } from '@vant/use';
-import { useExpose } from '../../composition/use-expose';
-import { useHeight } from '../../composition/use-height';
+import { useExpose } from '../../composables/use-expose';
+import { useHeight } from '../../composables/use-height';
 
 // Components
 import Day from './Day';
diff --git a/src/calendar/index.js b/src/calendar/index.js
index 41548904c..8d443bef7 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -19,8 +19,8 @@ import {
 
 // Composition
 import { raf, useRect, onMountedOrActivated } from '@vant/use';
-import { useRefs } from '../composition/use-refs';
-import { useExpose } from '../composition/use-expose';
+import { useRefs } from '../composables/use-refs';
+import { useExpose } from '../composables/use-expose';
 
 // Components
 import Popup from '../popup';
diff --git a/src/cell/index.tsx b/src/cell/index.tsx
index 6cbcfc277..67ea61fe3 100644
--- a/src/cell/index.tsx
+++ b/src/cell/index.tsx
@@ -4,7 +4,7 @@ import { PropType } from 'vue';
 import { createNamespace, isDef } from '../utils';
 
 // Composition
-import { useRoute, routeProps } from '../composition/use-route';
+import { useRoute, routeProps } from '../composables/use-route';
 
 // Components
 import Icon from '../icon';
diff --git a/src/checkbox-group/index.js b/src/checkbox-group/index.js
index 639dce5c4..26507b082 100644
--- a/src/checkbox-group/index.js
+++ b/src/checkbox-group/index.js
@@ -2,8 +2,8 @@ import { watch } from 'vue';
 import { createNamespace } from '../utils';
 import { CHECKBOX_KEY } from '../checkbox';
 import { useChildren } from '@vant/use';
-import { useExpose } from '../composition/use-expose';
-import { useLinkField } from '../composition/use-link-field';
+import { useExpose } from '../composables/use-expose';
+import { useLinkField } from '../composables/use-link-field';
 
 const [createComponent, bem] = createNamespace('checkbox-group');
 
diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue
index b61467be0..7d2e4f7d7 100644
--- a/src/checkbox/demo/index.vue
+++ b/src/checkbox/demo/index.vue
@@ -105,7 +105,7 @@
 
 <script>
 import { ref } from 'vue';
-import { useRefs } from '../../composition/use-refs';
+import { useRefs } from '../../composables/use-refs';
 
 export default {
   i18n: {
diff --git a/src/checkbox/index.js b/src/checkbox/index.js
index f7cefc3b7..59b780e51 100644
--- a/src/checkbox/index.js
+++ b/src/checkbox/index.js
@@ -1,8 +1,8 @@
 import { computed, watch } from 'vue';
 import { createNamespace, pick } from '../utils';
 import { useParent } from '@vant/use';
-import { useExpose } from '../composition/use-expose';
-import { useLinkField } from '../composition/use-link-field';
+import { useExpose } from '../composables/use-expose';
+import { useLinkField } from '../composables/use-link-field';
 import Checker, { checkerProps } from './Checker';
 
 const [createComponent, bem] = createNamespace('checkbox');
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 00ef6c242..3f7ce995d 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -5,8 +5,8 @@ import { createNamespace } from '../utils';
 
 // Composition
 import { raf, doubleRaf, useParent } from '@vant/use';
-import { useExpose } from '../composition/use-expose';
-import { useLazyRender } from '../composition/use-lazy-render';
+import { useExpose } from '../composables/use-expose';
+import { useLazyRender } from '../composables/use-lazy-render';
 
 // Components
 import Cell, { cellProps } from '../cell';
diff --git a/src/composition/use-expose.ts b/src/composables/use-expose.ts
similarity index 100%
rename from src/composition/use-expose.ts
rename to src/composables/use-expose.ts
diff --git a/src/composition/use-height.ts b/src/composables/use-height.ts
similarity index 100%
rename from src/composition/use-height.ts
rename to src/composables/use-height.ts
diff --git a/src/composition/use-lazy-render.ts b/src/composables/use-lazy-render.ts
similarity index 100%
rename from src/composition/use-lazy-render.ts
rename to src/composables/use-lazy-render.ts
diff --git a/src/composition/use-link-field.ts b/src/composables/use-link-field.ts
similarity index 100%
rename from src/composition/use-link-field.ts
rename to src/composables/use-link-field.ts
diff --git a/src/composition/use-lock-scroll.ts b/src/composables/use-lock-scroll.ts
similarity index 100%
rename from src/composition/use-lock-scroll.ts
rename to src/composables/use-lock-scroll.ts
diff --git a/src/composition/use-placeholder.tsx b/src/composables/use-placeholder.tsx
similarity index 100%
rename from src/composition/use-placeholder.tsx
rename to src/composables/use-placeholder.tsx
diff --git a/src/composition/use-refs.ts b/src/composables/use-refs.ts
similarity index 100%
rename from src/composition/use-refs.ts
rename to src/composables/use-refs.ts
diff --git a/src/composition/use-route.ts b/src/composables/use-route.ts
similarity index 100%
rename from src/composition/use-route.ts
rename to src/composables/use-route.ts
diff --git a/src/composition/use-touch.ts b/src/composables/use-touch.ts
similarity index 100%
rename from src/composition/use-touch.ts
rename to src/composables/use-touch.ts
diff --git a/src/composition/use-visibility-change.ts b/src/composables/use-visibility-change.ts
similarity index 100%
rename from src/composition/use-visibility-change.ts
rename to src/composables/use-visibility-change.ts
diff --git a/src/count-down/index.tsx b/src/count-down/index.tsx
index 0deed0b3b..1e79fda6d 100644
--- a/src/count-down/index.tsx
+++ b/src/count-down/index.tsx
@@ -6,7 +6,7 @@ import { parseFormat } from './utils';
 
 // Composition
 import { useCountDown } from '@vant/use';
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 const [createComponent, bem] = createNamespace('count-down');
 
diff --git a/src/coupon-list/index.js b/src/coupon-list/index.js
index b6d809b9e..3e74d6d99 100644
--- a/src/coupon-list/index.js
+++ b/src/coupon-list/index.js
@@ -5,7 +5,7 @@ import { createNamespace } from '../utils';
 
 // Composition
 import { useWindowSize } from '@vant/use';
-import { useRefs } from '../composition/use-refs';
+import { useRefs } from '../composables/use-refs';
 
 // Components
 import Tab from '../tab';
diff --git a/src/datetime-picker/DatePicker.js b/src/datetime-picker/DatePicker.js
index d0f67a7a4..bc55f9207 100644
--- a/src/datetime-picker/DatePicker.js
+++ b/src/datetime-picker/DatePicker.js
@@ -6,7 +6,7 @@ import { pick, padZero, createNamespace } from '../utils';
 import { times, sharedProps, getTrueValue, getMonthEndDay } from './utils';
 
 // Composition
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 // Components
 import Picker from '../picker';
diff --git a/src/datetime-picker/TimePicker.js b/src/datetime-picker/TimePicker.js
index 37cce832c..86bb9dc36 100644
--- a/src/datetime-picker/TimePicker.js
+++ b/src/datetime-picker/TimePicker.js
@@ -5,7 +5,7 @@ import { pick, range, padZero, createNamespace } from '../utils';
 import { times, sharedProps } from './utils';
 
 // Composition
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 // Components
 import Picker from '../picker';
diff --git a/src/datetime-picker/index.js b/src/datetime-picker/index.js
index 5145e77ac..7add1e021 100644
--- a/src/datetime-picker/index.js
+++ b/src/datetime-picker/index.js
@@ -1,6 +1,6 @@
 import { ref } from 'vue';
 import { pick, createNamespace } from '../utils';
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 import TimePicker from './TimePicker';
 import DatePicker from './DatePicker';
 
diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index e76114e7c..d72ef1083 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -6,7 +6,7 @@ import { DROPDOWN_KEY } from '../dropdown-menu';
 
 // Composition
 import { useParent } from '@vant/use';
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 // Components
 import Cell from '../cell';
diff --git a/src/field/index.js b/src/field/index.js
index 756d1824a..3d517bfcb 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -25,7 +25,7 @@ import { runSyncRule } from './utils';
 
 // Composition
 import { useParent } from '@vant/use';
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 // Components
 import Icon from '../icon';
diff --git a/src/form/index.js b/src/form/index.js
index 1ac4e8421..29406f9c9 100644
--- a/src/form/index.js
+++ b/src/form/index.js
@@ -1,6 +1,6 @@
 import { createNamespace } from '../utils';
 import { useChildren } from '@vant/use';
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 const [createComponent, bem] = createNamespace('form');
 
diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index b6d6512a0..9b000babb 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -7,7 +7,7 @@ import { GRID_KEY } from '../grid';
 
 // Composition
 import { useParent } from '@vant/use';
-import { useRoute, routeProps } from '../composition/use-route';
+import { useRoute, routeProps } from '../composables/use-route';
 
 // Components
 import Icon from '../icon';
diff --git a/src/image-preview/ImagePreview.js b/src/image-preview/ImagePreview.js
index ec33079ba..af9004aba 100644
--- a/src/image-preview/ImagePreview.js
+++ b/src/image-preview/ImagePreview.js
@@ -6,7 +6,7 @@ import { callInterceptor } from '../utils/interceptor';
 
 // Composition
 import { useWindowSize } from '@vant/use';
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 // Components
 import Icon from '../icon';
diff --git a/src/image-preview/ImagePreviewItem.js b/src/image-preview/ImagePreviewItem.js
index a208514a8..73885debd 100644
--- a/src/image-preview/ImagePreviewItem.js
+++ b/src/image-preview/ImagePreviewItem.js
@@ -5,7 +5,7 @@ import { bem } from './shared';
 import { range, preventDefault } from '../utils';
 
 // Composition
-import { useTouch } from '../composition/use-touch';
+import { useTouch } from '../composables/use-touch';
 
 // Component
 import Image from '../image';
diff --git a/src/index-anchor/index.js b/src/index-anchor/index.js
index f55295412..144e7658b 100644
--- a/src/index-anchor/index.js
+++ b/src/index-anchor/index.js
@@ -8,8 +8,8 @@ import { getScrollTop, getRootScrollTop } from '../utils/dom/scroll';
 
 // Composition
 import { useRect, useParent } from '@vant/use';
-import { useHeight } from '../composition/use-height';
-import { useExpose } from '../composition/use-expose';
+import { useHeight } from '../composables/use-height';
+import { useExpose } from '../composables/use-expose';
 
 const [createComponent, bem] = createNamespace('index-anchor');
 
diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index 4164d05a1..2d78b7c11 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -18,7 +18,7 @@ import {
   useScrollParent,
   useEventListener,
 } from '@vant/use';
-import { useTouch } from '../composition/use-touch';
+import { useTouch } from '../composables/use-touch';
 
 export const INDEX_BAR_KEY = 'vanIndexBar';
 
diff --git a/src/list/index.tsx b/src/list/index.tsx
index 8384318e3..350c45074 100644
--- a/src/list/index.tsx
+++ b/src/list/index.tsx
@@ -5,7 +5,7 @@ import { isHidden, createNamespace } from '../utils';
 
 // Composition
 import { useRect, useScrollParent, useEventListener } from '@vant/use';
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 // Components
 import Loading from '../loading';
diff --git a/src/nav-bar/index.tsx b/src/nav-bar/index.tsx
index abedd8f6f..349a8e274 100644
--- a/src/nav-bar/index.tsx
+++ b/src/nav-bar/index.tsx
@@ -5,7 +5,7 @@ import { createNamespace } from '../utils';
 import { BORDER_BOTTOM } from '../utils/constant';
 
 // Composition
-import { usePlaceholder } from '../composition/use-placeholder';
+import { usePlaceholder } from '../composables/use-placeholder';
 
 // Components
 import Icon from '../icon';
diff --git a/src/number-keyboard/Key.tsx b/src/number-keyboard/Key.tsx
index 46cb35b41..73f5ce808 100644
--- a/src/number-keyboard/Key.tsx
+++ b/src/number-keyboard/Key.tsx
@@ -1,6 +1,6 @@
 import { ref, PropType } from 'vue';
 import { createNamespace } from '../utils';
-import { useTouch } from '../composition/use-touch';
+import { useTouch } from '../composables/use-touch';
 import Loading from '../loading';
 
 const [createComponent, bem] = createNamespace('key');
diff --git a/src/overlay/index.tsx b/src/overlay/index.tsx
index c5df5b85e..bc7237e6a 100644
--- a/src/overlay/index.tsx
+++ b/src/overlay/index.tsx
@@ -1,6 +1,6 @@
 import { PropType, Transition, CSSProperties } from 'vue';
 import { noop, isDef, preventDefault, createNamespace } from '../utils';
-import { useLazyRender } from '../composition/use-lazy-render';
+import { useLazyRender } from '../composables/use-lazy-render';
 
 const [createComponent, bem] = createNamespace('overlay');
 
diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js
index 487bf42d0..7edcd85cf 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -7,8 +7,8 @@ import { range, isObject, createNamespace, preventDefault } from '../utils';
 
 // Composition
 import { useParent } from '@vant/use';
-import { useTouch } from '../composition/use-touch';
-import { useExpose } from '../composition/use-expose';
+import { useTouch } from '../composables/use-touch';
+import { useExpose } from '../composables/use-expose';
 
 const DEFAULT_DURATION = 200;
 
diff --git a/src/picker/index.js b/src/picker/index.js
index 76b8946a7..c528b3039 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -7,7 +7,7 @@ import { BORDER_UNSET_TOP_BOTTOM } from '../utils/constant';
 
 // Composition
 import { useChildren } from '@vant/use';
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 // Components
 import Loading from '../loading';
diff --git a/src/popup/index.js b/src/popup/index.js
index 77a61ed22..8350bec2e 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -14,8 +14,8 @@ import { createNamespace, isDef } from '../utils';
 
 // Composition
 import { useEventListener } from '@vant/use';
-import { useLockScroll } from '../composition/use-lock-scroll';
-import { useLazyRender } from '../composition/use-lazy-render';
+import { useLockScroll } from '../composables/use-lock-scroll';
+import { useLazyRender } from '../composables/use-lazy-render';
 
 // Components
 import Icon from '../icon';
diff --git a/src/progress/index.tsx b/src/progress/index.tsx
index a3d781a5e..f953f5dc8 100644
--- a/src/progress/index.tsx
+++ b/src/progress/index.tsx
@@ -1,6 +1,6 @@
 import { ref, watch, computed, nextTick, reactive, onMounted } from 'vue';
 import { createNamespace, addUnit } from '../utils';
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 const [createComponent, bem] = createNamespace('progress');
 
diff --git a/src/pull-refresh/index.tsx b/src/pull-refresh/index.tsx
index 0b759d52c..1453c7eae 100644
--- a/src/pull-refresh/index.tsx
+++ b/src/pull-refresh/index.tsx
@@ -5,7 +5,7 @@ import { preventDefault, getScrollTop, createNamespace } from '../utils';
 
 // Composition
 import { useScrollParent } from '@vant/use';
-import { useTouch } from '../composition/use-touch';
+import { useTouch } from '../composables/use-touch';
 
 // Components
 import Loading from '../loading';
diff --git a/src/radio-group/index.js b/src/radio-group/index.js
index 31565faca..4c81a163c 100644
--- a/src/radio-group/index.js
+++ b/src/radio-group/index.js
@@ -1,7 +1,7 @@
 import { watch } from 'vue';
 import { createNamespace } from '../utils';
 import { useChildren } from '@vant/use';
-import { useLinkField } from '../composition/use-link-field';
+import { useLinkField } from '../composables/use-link-field';
 
 const [createComponent, bem] = createNamespace('radio-group');
 
diff --git a/src/rate/index.js b/src/rate/index.js
index a1983853d..8b7db23b5 100644
--- a/src/rate/index.js
+++ b/src/rate/index.js
@@ -4,9 +4,9 @@ import { computed } from 'vue';
 import { addUnit, createNamespace, preventDefault } from '../utils';
 
 // Composition
-import { useRefs } from '../composition/use-refs';
-import { useTouch } from '../composition/use-touch';
-import { useLinkField } from '../composition/use-link-field';
+import { useRefs } from '../composables/use-refs';
+import { useTouch } from '../composables/use-touch';
+import { useLinkField } from '../composables/use-link-field';
 
 // Components
 import Icon from '../icon';
diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index e632277ff..e40d97867 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,6 +1,6 @@
 import { createNamespace } from '../utils';
 import { useParent } from '@vant/use';
-import { useRoute, routeProps } from '../composition/use-route';
+import { useRoute, routeProps } from '../composables/use-route';
 import { SIDEBAR_KEY } from '../sidebar';
 import Badge from '../badge';
 
diff --git a/src/slider/index.tsx b/src/slider/index.tsx
index e0930b270..7c08d52b3 100644
--- a/src/slider/index.tsx
+++ b/src/slider/index.tsx
@@ -11,8 +11,8 @@ import {
 
 // Composition
 import { useRect } from '@vant/use';
-import { useTouch } from '../composition/use-touch';
-import { useLinkField } from '../composition/use-link-field';
+import { useTouch } from '../composables/use-touch';
+import { useLinkField } from '../composables/use-link-field';
 
 const [createComponent, bem] = createNamespace('slider');
 
diff --git a/src/stepper/index.tsx b/src/stepper/index.tsx
index 091ba699a..749fa6173 100644
--- a/src/stepper/index.tsx
+++ b/src/stepper/index.tsx
@@ -13,7 +13,7 @@ import {
 } from '../utils';
 
 // Composition
-import { useLinkField } from '../composition/use-link-field';
+import { useLinkField } from '../composables/use-link-field';
 
 const [createComponent, bem] = createNamespace('stepper');
 
diff --git a/src/sticky/index.tsx b/src/sticky/index.tsx
index 572e42e49..72e40e7f2 100644
--- a/src/sticky/index.tsx
+++ b/src/sticky/index.tsx
@@ -11,7 +11,7 @@ import {
 
 // Composition
 import { useScrollParent, useEventListener } from '@vant/use';
-import { useVisibilityChange } from '../composition/use-visibility-change';
+import { useVisibilityChange } from '../composables/use-visibility-change';
 
 const [createComponent, bem] = createNamespace('sticky');
 
diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index 33410c0c4..6bf851db4 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -6,8 +6,8 @@ import { callInterceptor } from '../utils/interceptor';
 
 // Composition
 import { useRect, useClickAway } from '@vant/use';
-import { useTouch } from '../composition/use-touch';
-import { useExpose } from '../composition/use-expose';
+import { useTouch } from '../composables/use-touch';
+import { useExpose } from '../composables/use-expose';
 
 const [createComponent, bem] = createNamespace('swipe-cell');
 
diff --git a/src/swipe-item/index.js b/src/swipe-item/index.js
index edcee1448..724747dd8 100644
--- a/src/swipe-item/index.js
+++ b/src/swipe-item/index.js
@@ -2,7 +2,7 @@ import { computed, nextTick, onMounted, reactive } from 'vue';
 import { SWIPE_KEY } from '../swipe';
 import { createNamespace } from '../utils';
 import { useParent } from '@vant/use';
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 const [createComponent, bem] = createNamespace('swipe-item');
 
diff --git a/src/swipe/index.js b/src/swipe/index.js
index ee58bfbdc..4cf5087dd 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -19,8 +19,8 @@ import {
   usePageVisibility,
   onMountedOrActivated,
 } from '@vant/use';
-import { useTouch } from '../composition/use-touch';
-import { useExpose } from '../composition/use-expose';
+import { useTouch } from '../composables/use-touch';
+import { useExpose } from '../composables/use-expose';
 
 const [createComponent, bem] = createNamespace('swipe');
 
diff --git a/src/switch/index.tsx b/src/switch/index.tsx
index 82e2e4b81..26ad904c3 100644
--- a/src/switch/index.tsx
+++ b/src/switch/index.tsx
@@ -1,5 +1,5 @@
 import { createNamespace, addUnit } from '../utils';
-import { useLinkField } from '../composition/use-link-field';
+import { useLinkField } from '../composables/use-link-field';
 import Loading from '../loading';
 
 const [createComponent, bem] = createNamespace('switch');
diff --git a/src/tab/index.js b/src/tab/index.js
index ab30f2fac..03bff277a 100644
--- a/src/tab/index.js
+++ b/src/tab/index.js
@@ -4,7 +4,7 @@ import { TABS_KEY } from '../tabs';
 
 // Composition
 import { useParent } from '@vant/use';
-import { routeProps } from '../composition/use-route';
+import { routeProps } from '../composables/use-route';
 
 // Components
 import SwipeItem from '../swipe-item';
diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js
index 67b643ef5..be46e1d3c 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -6,7 +6,7 @@ import { createNamespace, isObject, isDef } from '../utils';
 
 // Composition
 import { useParent } from '@vant/use';
-import { routeProps, useRoute } from '../composition/use-route';
+import { routeProps, useRoute } from '../composables/use-route';
 
 // Components
 import Icon from '../icon';
diff --git a/src/tabbar/index.js b/src/tabbar/index.js
index 51ad9f410..f8df61f1f 100644
--- a/src/tabbar/index.js
+++ b/src/tabbar/index.js
@@ -7,7 +7,7 @@ import { callInterceptor } from '../utils/interceptor';
 
 // Composition
 import { useChildren } from '@vant/use';
-import { usePlaceholder } from '../composition/use-placeholder';
+import { usePlaceholder } from '../composables/use-placeholder';
 
 const [createComponent, bem] = createNamespace('tabbar');
 
diff --git a/src/tabs/index.js b/src/tabs/index.js
index 8b2fa62da..cdb808b8e 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -24,9 +24,9 @@ import {
   useEventListener,
   onMountedOrActivated,
 } from '@vant/use';
-import { route } from '../composition/use-route';
-import { useRefs } from '../composition/use-refs';
-import { useExpose } from '../composition/use-expose';
+import { route } from '../composables/use-route';
+import { useRefs } from '../composables/use-refs';
+import { useExpose } from '../composables/use-expose';
 
 // Components
 import Sticky from '../sticky';
diff --git a/src/uploader/index.js b/src/uploader/index.js
index 412d5c7ae..6292a9c4f 100644
--- a/src/uploader/index.js
+++ b/src/uploader/index.js
@@ -12,8 +12,8 @@ import {
 } from './utils';
 
 // Composition
-import { useExpose } from '../composition/use-expose';
-import { useLinkField } from '../composition/use-link-field';
+import { useExpose } from '../composables/use-expose';
+import { useLinkField } from '../composables/use-link-field';
 
 // Components
 import Icon from '../icon';
diff --git a/src/utils/mount-component.ts b/src/utils/mount-component.ts
index 724dfaf19..853e38d9f 100644
--- a/src/utils/mount-component.ts
+++ b/src/utils/mount-component.ts
@@ -1,5 +1,5 @@
 import { createApp, reactive, Component, nextTick } from 'vue';
-import { useExpose } from '../composition/use-expose';
+import { useExpose } from '../composables/use-expose';
 
 export function usePopupState() {
   const state = reactive({