组件的创建



<view>
<swiper class="myswiper" interval="{{interval}}" circular autoplay="{{autoplay}}" indicator-dots="{{indicatorDots}}">
<swiper-item>
<image mode="widthFix" src="/image/lunb/1.jpeg"></image>
</swiper-item>
<swiper-item>
<image mode="widthFix" src="/image/lunb/2.jpg"></image>
</swiper-item>
<swiper-item>
<image mode="widthFix" src="/image/lunb/3.jpeg"></image>
</swiper-item>
</swiper>
</view>

Component({
/**
* 组件的属性列表
*/
properties: {
indicatorDots:{
type:Boolean,
value:false
},
autoplay:{
type:Boolean,
value:false
},
interval:{
type:Number,
value:5000
},
duration:{
type:Number,
value:500
},
swiperData:{
type:Array,
value:[]
}
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})
组件引用
















![[刷题记录]牛客面试笔刷TOP101](https://img-blog.csdnimg.cn/cb21798a927c4ed2a3b29b1d8b7951ba.png)




![[Vue3 博物馆管理系统] 使用Vue3、Element-plus的Layout 布局构建组图文章](https://img-blog.csdnimg.cn/6c620ff6412a47a3aa7f84afffff885e.png)