What is the proper way to use ids in QML - qt

Question

I need to use most of my child qml childrens in parent qml so using aliasing i am doing it now but some how i am not ok that calling login.help.visible too many dots. could some one give me best solution for this.
here is my code
main.qml
import QtQuick 2.3
import QtQuick.Controls 1.2
ApplicationWindow {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Rectangle{
anchors.fill: parent
Widget{
id: login
}
MouseArea{
anchors.fill: parent
onClicked: login.help.visible = false
onEntered: {
login.help.visible = true
login.progress.visible = true
ogin.pwd.visible = true
}
onExited: {
login.help.visible = false
login.progress.visible = false
ogin.pwd.visible = false
}
}
}
}
Widget.qml
import QtQuick 2.0
import QtQuick.Controls 1.2
Item {
id: newid
property alias help: helpid
property alias progress: ploder
property alias username: name
property alias password: pwd
Help{
id: helpid
}
TextCustom{
id: name
}
TextCustom{
id: pwd
}
progressLoader{
id: ploder
}
}

Answer 1

Usually, once I define a new Component, I use to encapsulate its children, logic and properties by hiding everything to the users, while I expose the properties that are freely modifiable (even the ones that belong to the children of my component) by means of its properties (aka the property keyword, correctly bound to the target properties of the component or of its children).
This way, the children of my component are nicely isolated from the users of the component itself.
It follows an example:
// MyComponent.qml
Item {
property alias B: firstChild.B
Item {
id: firstChild
property int A: 0 // this is hidden to the users of MyComponent...
property int B: 0 // ... this is not, indeed
}
}
// AnotherComponent.qml
// the outer Component has the following child
MyComponent {
B: 3 // directly modifies the property B of firstChild in MyComponent
}