7. QML类中对象树的创建和销毁顺序是这样的

简述

有下面一段代码，通常会有需求在Component.onCompleted信号之后做一些初始化操作。那这些组件初始化完成的顺序是怎样的？
同时有创建完成的信号，也有对应销毁完成的信号。类似C++中的构造和析构函数。但我们这里叫信号处理程序，这种Component.onCompleted的语法叫附加信号处理程序，也有一个叫附加属性的东西。在这不详细展开。

Window {
    width: 640
    height: 480
    visible: true
    Component.onCompleted: console.log("Window onComplected") //创建完成
    Component.onDestruction: console.log("Window onDestruction")//销毁完成

    FlatButton{
        Component.onCompleted: console.log("FlatButton onComplected")
        Component.onDestruction: console.log("FlatButton onDestruction")

        Text{
            Component.onCompleted: console.log("Text onComplected")
            Component.onDestruction: console.log("Text onDestruction")
        }
    }
}

输出结果

//运行程序
qml: Window onComplected
qml: FlatButton onComplected
qml: Text onComplected

//关闭窗口
qml: Text onDestruction
qml: Window onDestruction
qml: FlatButton onDestruction

可以看到创建顺序是：从外到内
析构顺序：从内到外

行为和栈一致，后创建的先销毁