微信小程序wx:if 和 hidden的区别

首先wx:if 和 hidden 都是控制元素是否能被用户看见的，也就是是否显示，但是显示和显示是有区别的：

1、wx:if 条件为true的时候元素显示，及此元素被渲染，当wx:if 为 false 的时候元素不渲染，如果是从true->false 的情况下，此元素被销毁，当false->true的时候此元素被渲染；

2、hidden为false的时候元素显示，为true的时候元素不显示，但是无论是true还是false此元素都回被渲染，当为true的时候此元素不会销毁；

总结：如果平凡的修改元素显示与隐藏的时候建议使用hidden，用 wx:if 将会消耗更多资源，因为每次呈现的时候他都会渲染，每次隐藏的时候，他都会销毁。如果切换并不频繁的话，用 wx:if 相对来说较好些，因为它会避免初始就一下渲染那么多。