小程序开发踩坑记录（一）——component的生命周期函数created中setData无效

①问题描述

组件的wxml中，使用wx:if控制view的条件显示隐藏：

<view wx:if="{{type == 1}}"> some text </view>

其是否显示由从后台获取到的数据决定，因此想到类似page中在onload函数中获取数据并setData。
但是组件component的生命周期函数为：

lifetimes:{
	created() {},
	attached() {},
	ready() {}
	.
	.
	.
}

一开始的思路为：在created函数中向后台请求数据并使用setData改变data中的type。
后发现页面并没有动态渲染。

②解决方式

将请求数据、setData过程写在attached中而不是created中。

③总结

created 组件实例化，但节点树还未导入，因此这时不能用setData
attached 节点树完成，可以用setData渲染节点，但无法操作节点
ready(不是onReady) 组件布局完成，这时可以获取节点信息，也可以操作节点
moved 组件实例被移动到树的另一个位置
detached 组件实例从节点树中移除
.
.
参考自：https://blog.csdn.net/crabfrog/article/details/82768865