wx:if和hidden
data: {
isShow:false,//定义控制显示隐藏的变量
},
<view wx:if="{{isShow}}">wx:if</view> //wx:if是惰性的初始值为false不会渲染
<view hidden="{{isShow}}">hidden</view> //hideen组件始终都会被渲染
区别
wx:if类似于vue中的v-if,切换的时候进行销毁和重新渲染
hidden类似于vue中的v-show,只是简单地控制显示和隐藏
wx:if值为false不会渲染,true显示
hidden值为false时显示,true隐藏
使用
频繁切换的时候使用hidden,运行条件变化时使用wx:if