LayUI的Tab选项卡切换显示对应数据

要实现LayUI的Tab选项卡切换显示对应数据，可以通过以下步骤：

1. 在HTML中创建Tab选项卡的结构，例如：

<div class="layui-tab">
  <ul class="layui-tab-title">
    <li class="layui-this">Tab1</li>
    <li>Tab2</li>
    <li>Tab3</li>
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">内容1</div>
    <div class="layui-tab-item">内容2</div>
    <div class="layui-tab-item">内容3</div>
  </div>
</div>

2. 在JavaScript中使用LayUI的Tab模块初始化Tab选项卡，例如：

layui.use('element', function(){
  var element = layui.element;
});

3. 在JavaScript中监听Tab选项卡的切换事件，并根据选项卡的索引显示对应的数据，例如：

element.on('tab', function(data){
  if(data.index === 0){
    // 显示内容1
  }else if(data.index === 1){
    // 显示内容2
  }else if(data.index === 2){
    // 显示内容3
  }
});

其中，`data.index`表示选项卡的索引，从0开始计数。根据需要，可以在每个条件分支中使用AJAX请求获取对应的数据并显示在页面上。