在微信小程序中，列表渲染是一种常见的操作，用于动态生成页面上的列表内容。以下是微信小程序中列表渲染的基本用法以及一个简单的案例：

列表渲染的基本用法：

1. 使用 wx:for 指令进行列表渲染。

   <view wx:for="{{array}}" wx:for-item="item" wx:for-index="index">
     {{index}}: {{item.message}}
   </view>
   

   • array 是需要遍历的数组。
   • wx:for-item 定义数组当前元素的变量名。
   • wx:for-index 定义数组当前下标的变量名。

2. 在JS文件中定义数据。

   // pages/index/index.js
   Page({
     data: {
       array: [
         { message: 'foo' },
         { message: 'bar' },
         { message: 'baz' }
       ]
     }
   });
   

案例：列表渲染

1. 创建一个新的小程序页面：

在小程序开发工具中创建一个新的页面，包括 WXML、WXSS、JS 文件。

2. 编写 WXML 文件：

<!-- pages/index/index.wxml -->
<view>
  <text>Messages:</text>
  
  <view wx:for="{{messages}}" wx:for-item="item" wx:for-index="index">
    {{index + 1}}: {{item.text}}
  </view>
</view>

3. 编写 JS 文件：

// pages/index/index.js
Page({
  data: {
    messages: [
      { text: 'Hello, World!' },
      { text: 'How are you?' },
      { text: 'Welcome to my app.' }
    ]
  }
});

在上述案例中，通过 wx:for 遍历 messages 数组，动态生成页面上的文本内容，展示了列表渲染的基本用法。可以根据实际需求动态修改 messages 数组中的内容，以更新页面上的列表。