封装公用方法篇(一)
相信进行过微信小程序编码的朋友们,都会遇到过一种情况:A页面调用的方法,B页面,C页面也会调用。公用的方法反复在每个页面都写一次,刚开始还觉得没什么,但是越到后面肯定觉得很烦的,重复代码重复做工也不符程序猿的风格。于是就会产生一个想法:能不能在将公用的methods封装到也一个特定地方,每个页面都能选择调用。
举个简单例子,A,B,C页面都有个按钮可以点击返回到首页,常规做法:
toHome方法三个页面重复写了三次
思路一:使用 Component 构造器构造页面,将公用的method封装到公用的behavior
仔细阅读过微信小程序开发者文档的朋友们,详细都看过behavior的资料,其中有以下:
behavior资料
commonBev的代码
const commonBev = Behavior({
methods: {
toHome(e) {
let url = '/pages/index/index'
wx.navigateTo({
url
})
},
},
})
export {
commonBev
}
这里只是举个简单栗子抛砖引玉,读者可举一反三,欢迎探讨
思路二:将公用的method 统一预先封装到Page的config
且听下回分解