如何在QML中动态更新ListView，解决数据变更后界面不刷新问题

• 核心问题是ListModel的初始化逻辑只在Component.onCompleted中执行一次，仅会读取组件实例化阶段的notifications数组内容，后续notifications数组更新时没有同步更新ListModel，因此ListView不会刷新。
• 附加问题1：QML中property var声明的普通数组，调用push()等方法修改数组元素时，不会触发属性变更信号，因为数组的内存引用没有发生变化，无法触发绑定更新。
• 附加问题2：当前onNumNotificationsChanged逻辑存在重复添加的问题，比如通知数从3变成5时，会再次遍历0-4的通知往数组里加，导致旧通知重复。

直接在通知数变更时同步更新ListModel，不需要额外用notifications数组做中转，修改逻辑如下：

property int numNotifications: backend_service.num_notifications

// 通知数变更时直接更新ListModel
onNumNotificationsChanged: {
    // 先清空旧数据，避免重复
    notifModel.clear()
    for(var x=0; x<numNotifications; x++) {
        var notif = backend_service.notifications.get(x);
        notifModel.append({"name": notif})
    }
}

Rectangle {
    anchors.horizontalCenter: parent.horizontalCenter
    color: "black"
    height: 500
    width: 0.95 * parent.width
    ListView {
        anchors.fill: parent
        model: notifModel
        delegate: notifDelegate
    }
}

ListModel {
    id: notifModel
    // 仅保留初始化逻辑，加载首次进入时的通知
    Component.onCompleted: {
        for(var x=0; x<numNotifications; x++) {
            var notif = backend_service.notifications.get(x);
            notifModel.append({"name": notif})
        }
    }
}

Component {
    id: notifDelegate
    Row {
        spacing: 10
        Text { text: name; color: "white" }
    }
}

单纯使用Loader加载独立组件不能从根源解决数据同步问题，只有每次数据变更时强制销毁Loader再重新实例化组件才能刷新列表，这种暴力刷新方案性能损耗极高，完全没有必要，优先选择上述数据同步方案即可。

内容的提问来源于stack exchange，提问作者Evan Krause