"Connecting signals to methods and signals" documentation should mention lifetime of connections

import QtQuick
import QtQuick.Controls

ApplicationWindow {
    id: root
    width: 400
    height: 400
    visible: true

    CheckBox {
        id: loadedCheckBox
        text: "Load some UI that listens to\n the position of rect while it's loaded"
        width: parent.width
    }

    Rectangle {
        id: rect
        y: 100
        width: 32
        height: 32
        color: "tomato"
    }

    NumberAnimation {
        target: rect
        property: "x"
        duration: 2000
        from: 0
        to: root.width - rect.width
        easing.type: Easing.InOutQuad
        loops: Animation.Infinite
        running: true
    }

    Loader {
        active: loadedCheckBox.checked
        sourceComponent: Item {
            Component.onCompleted: {
                // In the real-world example, it's also not possible to reference rect via id.
                let imperativeReferenceToRect = rect
                imperativeReferenceToRect.xChanged.connect(() => {
                    print("rect.x changed:", imperativeReferenceToRect.x)
                })
            }
        }
    }
}

import QtQuick
import QtQuick.Controls

ApplicationWindow {
    id: root
    width: 400
    height: 400
    visible: true

    CheckBox {
        id: loadedCheckBox
        text: "Load some UI that listens to\n the position of rect while it's loaded"
        width: parent.width
    }

    Rectangle {
        id: rect
        y: 100
        width: 32
        height: 32
        color: "tomato"
    }

    NumberAnimation {
        target: rect
        property: "x"
        duration: 2000
        from: 0
        to: root.width - rect.width
        easing.type: Easing.InOutQuad
        loops: Animation.Infinite
        running: true
    }

    Loader {
        active: loadedCheckBox.checked
        sourceComponent: Item {
            function xUpdated() {
                print("rect.x changed:", rect.x)
            }

            Component.onCompleted: rect.xChanged.connect(xUpdated)
            Component.onDestruction: rect.xChanged.disconnect(xUpdated)
        }
    }
}