1.首先新建一个qml应用程序
2.双击如图所示mainform.ui.qml(我这里没区分大小写)，默认是打开设计模式
3.将rectangle（图中红色圆框）拖入到mainform.ui（图中黄色圆框）完成后你会看到你拖入的rectangle（图中紫色圆框）
4.如图所示右击你拖入的rectangle选择move to component
5.如图所示 在组件名中填入你的组件名 左边是组件的属性，这些都是以后可以修改的，点击ok后就会生成对应的qml文件 （你的组件名.qml）
至此就添加了一个自己的组件
注意：添加了鼠标单击事件后就不能用设计的模式打开qml文件了会报错 ： 在quick ui 中不支持JavaScript模块