Jetpack Compose的LazyColumn如何识别数据源的更新？请提供代码演示

在 Jetpack Compose 中，`LazyColumn` 可以使用 `remember` 函数来缓存数据以提高性能。如果数据源发生更改，`LazyColumn` 需要能够检测到这些更改并更新 UI。为此，可以使用 `key` 参数来告诉 `LazyColumn` 如何区分不同的数据项。

以下是一个示例，演示如何使用 `LazyColumn` 和 `remember` 函数来显示一个字符串列表，并在列表中添加或删除字符串时更新 UI：

@Composable
fun LazyColumnDemo() {
    // 用 remember 关键字缓存数据源，并使用 key 参数来区分不同的数据项
    val items = remember { mutableStateListOf("Item 1", "Item 2", "Item 3") }

    LazyColumn {
        items(items.size, key = { index ->
            // 使用 index 和 item 的哈希值来区分不同的数据项
            items[index].hashCode()
        }) { index ->
            Text(text = items[index])

            // 添加一个按钮，用于在列表中添加新项目
            Button(onClick = {
                items.add("New Item")
            }) {
                Text("Add Item")
            }

            // 添加一个按钮，用于从列表中删除项目
            Button(onClick = {
                items.removeAt(index)
            }) {
                Text("Remove Item")
            }
        }
    }
}

在这个示例中，我们使用 `remember` 函数来缓存字符串列表。我们还使用 `key` 参数来告诉 `LazyColumn` 如何区分不同的数据项。在 `LazyColumn` 中迭代数据项时，我们可以使用 `index` 来访问每个项目，并使用 `items[index]` 来显示每个项目的文本。

我们还向 UI 添加了两个按钮，一个用于在列表中添加新项目，另一个用于从列表中删除项目。当我们单击这些按钮时，我们更新 `items` 列表，这将触发 `LazyColumn` 重新运行并更新 UI。