資料繫結

文件： 資料繫結 ，屬性繫結 ，繫結到陣列項 ，計算繫結 。

不要忘記：聚合物駝峰案例屬性，所以如果在 JavaScript 中你使用 myProperty，在 HTML 中你會使用 my-property。

單向繫結：當 myProperty 發生變化時，theirProperty 會更新：

<some-element their-property="[[myProperty]]"></some-element>

雙向繫結：當 myProperty 發生變化時，theirProperty 會更新，反之亦然：

<some-element their-property="{{myProperty}}"></some-element>

屬性繫結 ：當 myProperty 為 true 時，元素被隱藏; 當它是 false 時，元素是可見的。屬性和屬性繫結之間的區別在於屬性繫結等同於 someElement.someProp = value，而屬性繫結等同於：someElement.setAttribute(someProp, value)

<some-element hidden$="[[myProperty]]"></some-element>

計算繫結 ：當 myProperty 更改時，繫結到 class 屬性將重新編譯樣式：

<some-element class$="[[_computeSomething(myProperty)]]"></some-element>
<script>
_computeSomething: function(prop) {
  return prop ? 'a-class-name' : 'another-class-name';
}
</script>