各种框架都有把一个列表数据绑定到 DOM 上的功能，比如 Angular 会用 ng-repeat 来绑定。那么 Polymer 呢？其实这个级别的功能属于框架的扩展功能了，Angular 的 ng-repeat 也只是个 Directive 而已。Polymer 的 dom-repeat 也是这个级别的东西。
　　在 Polymer 中，一切都是 Directive 的概念。dom-module 用于定义模块，它本身也是一个 Directive。dom-repeat 也是，但它不是一个标签，而是一个基于 template 标签的 Directive。我们可以这样使用它：
运行

<script> var Polymer = { dom: 'shadow' }; </script><base href="http:///share/" /><link rel="import" href="polymer/polymer.html" /><dom-module id="demo-test"> <template> <input placeholder="请输入内容" value="{{value::input}}" /> <button on-click="append">添加一项</button> <ul> <template is="dom-repeat" items="[[data]]"> <li> 第 <strong>[[index]]</strong> 项， 值为 <strong>[[item]]</strong> </li> </template> </ul> </template> <script> Polymer({ is: 'demo-test', properties: { data: { type: Array, value: [ 'a', 'b', 'c', 'd' ] } }, append: function() { // data.push(this.value); // 这么写是不行的 this.push('data', this.value) } }); </script></dom-module><demo-test></demo-test>

　　之前我们说过，Polymer 会将需要监控变化的数据作为一个访问器属性来设置，但如果改变数组的元素，实际上并没有对数组本身有任何改动。当我们把一个数组赋值给 VM 时实际上是把元素复制过去，而不是把数组对象丢过去。也就是说，这个数组对象并不直接是 VM 的引用，操作这个数组对象是无法影响 VM 的，所以直接对数组做 push 只是对数据的 push。
　　虽然数组自己的 push 方法无法操作 VM，但 Polymer 自己也提供了一些直接操作 VM 的方法，比如上面例子中的 this.push 就是 Polymer 提供的。它的操作模板不是一个对象，而是 VM 上的一个访问路径（比如上面例子中 push 的第一个参数 'data' 就是 VM 中 data 访问路径）。
　　除了 push 之外还有 pop、shift 等一些类似原生方法的操作（但要注意他们不是元素方法）。虽然操作起来确实不太方便，但也不至于到恶心的程度，反正我是勉强能接受的。