微信小程序自定义组件与模板封装及网络请求Promise化
微信小程序的自定义组件和模板,用得顺手真的能省不少事。像是把车辆信息、预约状态这种通用内容封装成组件,不仅结构清晰,还能反复用,维护起来也轻松多了。网络求那块,用 Promise 包一下 wx.request
,告别回调地狱,逻辑清楚,错误也好抓。
自定义组件的好处就是:可复用、可维护、还带生命周期。你写一次,多个页面都能用。比如搞个car-info
组件,展示车辆基本信息,样式统一,用着也省心。
模板也是提升效率的好帮手。列表展示?条件渲染?通通安排。写一个模板,重复用,一份改动全局生效。配合
wx:if
做条件渲染也自然。
网络求 Promise 封装这块,挺推荐。原生wx.request
是回调形式,复杂逻辑一堆嵌套,看着就头疼。封装成 Promise 之后,用.then
、.catch
,结构清晰多了:
function requestPromise(url, data) {
return new Promise((resolve, reject) => {
wx.request({
url: url,
data: data,
method: 'POST',
success: res => resolve(res.data),
fail: err => reject(err)
});
});
}
想获取数据?直接:
requestPromise('https://api.example.com/data', { key: 'value' })
.then(res => { /* 成功 */ })
.catch(err => { /* 错误 */ });
如果你在做类似“汽修服务”类的小程序,这套结构就挺实用的。页面组件化、数据求结构清晰,改起来不烦、扩展也方便。想更进一步的,也可以看看这些资源:
206.09KB
文件大小:
评论区