1、概念

数据通过（model—view）（模型—视图）分离。

对于每个视图（view），每个数据元素的可视化都分给一个代理。

对于用户界面的开发，最重要的是把数据与视图可视化分离。

举个简单的例子：

现在要完成一个电话簿的界面？

视图排列可以使用垂直方式或者水平方式，在这里，数据用的都是一样的，只是可视化的效果不同，这种方法称为（model—view）（模型—视图）模式。

数据被称为model（模型），可视化处理被称为view（视图）。

另外，model和view是通过代理来连接起来的。

功能划分：

model（模型）：提供数据；

view（视图）：提供视图，通过代理（delegate）来实现可视化。任务是排列这些代理，每个代理把模型项的值显示给用户。

2、基础模型

最基本分离数据与显示的方法是使用Repeater元素，用于实例化一组元素项。

repeater元素用于实现子元素的标号。

每个子元素都拥有一个可以访问的属性index。

子项的数量由model控制。

例1：

import QtQuick 2.9
import QtQu