手把手教你写一个微信小程序( 二 )


})
}
}
})
},
globalData: {
userInfo: null
}
})
需求三:小程序有哪些组件可用呢
其实小程序的这一套框架 , 跟vue 很像 , 上手很容易
1.帖心的放上链接:https://developers.weixin.qq.com/miniprogram/dev/component/
2.官方支持的组件

手把手教你写一个微信小程序

文章插图
   3.如何使用 , 举栗子 , 使用swiper 轮播
<swiper indicator-dots="{{indicatorDots}}"
autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
<block wx:for="{{imgUrls}}">
<swiper-item>
<image src=https://www.isolves.com/it/cxkf/ydd/xcx/2020-04-29/"{{item}}" class="slide-image" width="355" height="150"/>
</swiper-item>
</block>
</swiper>
效果图:
手把手教你写一个微信小程序

文章插图
   总结:小程序的接班框架就搭好了 , 需要什么就在里面添加就好了 如果你完全是新手 , 不是前端开发者 , 要先去了解一下
4.要遵循小程序的规则 , 模板语言 , 数据绑定 , 组件使用 , 传参 , 路由这些
5.
手把手教你写一个微信小程序

文章插图
   总结
以上所述是小编给大家分享的手把手教你写一个微信小程序 , 希望对大家有所帮助 , 喜欢的可以关注小编哦




推荐阅读