微信小程序Component不支持开发工具查看数据的处理办法

微信小程序的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