小程序wx:if 和hidden的区别

wx:if和hidden都可以用于控制小程序中组件的显示和隐藏，但它们的实现方式不同。

wx:if是惰性的，即在初始渲染条件为false时，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。当条件变为false时，对应的组件会被销毁。因此，wx:if适用于条件不经常改变的情况。

hidden则是通过CSS的display属性来控制组件的显示和隐藏，当hidden的值为true时，组件会被隐藏但不会被销毁，当hidden的值为false时，组件会显示出来。因此，hidden适用于条件经常改变的情况。

下面是一个wx:if和hidden的示例：

<view wx:if="{{flag}}">
  wx:if的内容
</view>
<view hidden="{{!flag}}">
  hidden的内容
</view>

在上面的示例中，当flag为true时，wx:if的内容会被渲染出来，hidden的内容也会被渲染出来；当flag为false时，wx:if的内容会被销毁，hidden的内容会被隐藏。