微信小程序的Component不支持开发工具查看数据
既然用了Component 肯定是需要传递一些数据,而是否传递成功,则需要随时去查看数据传下去的状态。
然而微信小程序却不支持,感觉数据传到了一个无敌深渊。
同样,在加载Component 的时候,很多时候也需要立即执行一些动作,比如 将properties中的数据转成data内的数据,这样就方便在Component 中进行操作。
然而 微信小程序的Component 并没有加载触发方法。 没有onload onshow 这些page中常用的方法。
解决办法:
使用小程序组件的的生命周期方法:lifetimes
Component({
properties: {
topList: Object
},
data: {
records: \'\'
},
methods: {
},
lifetimes: {
attached () {
// 在组件实例进入页面节点树时执行 ,这样就可以执行很多初始数据的处理了,比如打印数据、复制数据。。。
}
}
})
需要注意的是lifetimes 的优先级高于properties, 在lifetimes 处理数据的时候,需要考虑数据来源properties更新的时间延迟。
从Vue 进入小程序,感觉 Vue的开发者一个人干了腾讯小程序团队所有人干的活 * n。
lifetimes 方法的文档: https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/lifetimes.html
请发表评论