小程序wx:if和hidden

wx:if和hidden

data: {
    isShow:false,//定义控制显示隐藏的变量
  },

wx:if  //wx:if是惰性的初始值为false不会渲染

 //hideen组件始终都会被渲染

区别

wx:if类似于vue中的v-if，切换的时候进行销毁和重新渲染

hidden类似于vue中的v-show，只是简单地控制显示和隐藏

wx:if值为false不会渲染，true显示

hidden值为false时显示，true隐藏

使用

频繁切换的时候使用hidden，运行条件变化时使用wx:if