当我们在开发过程中,会遇到组件封装的问题。在微信小程序中,你可以这样做:
第一步:新建component文件夹
component文件夹与pages同级
第二步:新建组件
你可以给组件命名为 TSwiper,这样你就需要在component文件夹下新建TSwiper文件夹,然后右键单击文件夹,选择新建Component
第三步:完善组件中内容
新建的component中和pages一样,可以写wxml、js功能、样式等
第四步:在需要的页面中引入
如果你需要在主页中引入,你就可以在index.json中配置usingComponents
"usingComponents": {
"t-swiper":"/component/index/Tswiper/Tswiper" // 注意:Tswiper文件夹选中后还要再Tswiper
}
存留记录,也希望可以帮助到你,今天的天气很适合学习哦~