diff --git a/packages/devui-vue/devui/carousel/__tests__/carousel.spec.ts b/packages/devui-vue/devui/carousel/__tests__/carousel.spec.ts
index 525d71d769..a900c84833 100644
--- a/packages/devui-vue/devui/carousel/__tests__/carousel.spec.ts
+++ b/packages/devui-vue/devui/carousel/__tests__/carousel.spec.ts
@@ -1,8 +1,7 @@
 import { ref, nextTick } from 'vue'
 import { mount } from '@vue/test-utils';
-import Carousel from '../carousel';
-import CarouselItem from '../item';
-import Button from '../../button'
+import { CarouselItem, Carousel  } from '../index';
+import { Button } from '../../button'
 
 const wait = (ms = 100) =>
   new Promise(resolve => setTimeout(() => resolve(), ms))
@@ -140,13 +139,13 @@ describe('d-carousel', () => {
           <d-carousel-item v-for="item in items" :key="item">{{ item }} </d-carousel-item>
         </d-carousel>
         <div class="carousel-demo-operate">
-          <d-button bsStyle="common" :btnClick="onPrev">上一张</d-button>
-          <d-button bsStyle="primary" :btnClick="onNext">下一张</d-button>
-          <d-button bsStyle="common" :btnClick="onGoFirst">第一张</d-button>
+          <d-button bsStyle="common" :onClick="onPrev">上一张</d-button>
+          <d-button bsStyle="primary" :onClick="onNext">下一张</d-button>
+          <d-button bsStyle="common" :onClick="onGoFirst">第一张</d-button>
         </div>
       `,
       setup() {
-        const items = ref<string[]>(["page 1", 'page 2', 'page 3', 'page 4'])
+        const items = ref<string[]>(['page 1', 'page 2', 'page 3', 'page 4'])
         const activeIndex = ref(0)
     
         const carousel = ref()
diff --git a/packages/devui-vue/devui/carousel/index.ts b/packages/devui-vue/devui/carousel/index.ts
index 792419a4fc..6f05109ddf 100644
--- a/packages/devui-vue/devui/carousel/index.ts
+++ b/packages/devui-vue/devui/carousel/index.ts
@@ -1,16 +1,17 @@
 import type { App } from 'vue'
 import Carousel from './src/carousel'
-import CarouseItem from './src/item'
+import CarouselItem from './src/item'
 
 Carousel.install = function(app: App) {
   app.component(Carousel.name, Carousel)
 }
 
-CarouseItem.install = function(app: App) {
-  app.component(CarouseItem.name, CarouseItem);
+CarouselItem.install = function(app: App) {
+  app.component(CarouselItem.name, CarouselItem);
 }
 
 export { Carousel }
+export { CarouselItem }
 
 export default {
   title: 'Carousel 走马灯',
@@ -18,6 +19,6 @@ export default {
   status: '80%',
   install(app: App): void {
     app.use(Carousel as any)
-    app.use(CarouseItem as any)
+    app.use(CarouselItem as any)
   }
 }