使用hidden

除了wx:if，hidden也可以控制元素的隐藏和显示，代码如下所示：

<view hidden="{{hid}}">hid为true时不显示</view>
Page({
    data:{
        ...省略其他数据
        city:"北京"
    }
})

hidden和wx:if不同的是
wx:if初始渲染条件为false时，框架什么也不做，在条件第一次变成真的时候，才开始局部渲染
hidden就简单得多，组件始终会被渲染，只是简单地控制显示与隐藏
一般地，wx:if有更高的切换消耗，而hidden有更高的初始渲染消耗
因此，在需要频繁切换的情景下，用hidden更好
如果运行时条件不太可能改变，则用wx:if较好