Bound collections are arrays or objects placed inside namespaces bound with DOM:
namespace Data {
var listOfRecords = [];
...
}
And markup:
<main model="Data">
<ul>
<li repeat="record in listOfRecords">
... repeatable bound item ...
</li>
</ul>
Note how <li> elements are bound with items in Data.listOfRecords collection.
In order +plus framework to work optimally bound data collections shall not be recreated but rather updated.
While something like this:
Data.listOfRecords = fetchRecordset();
will work it may produce far from optimal results.
Instead you should update collections without recreating them.
Correct examples:
Data.listOfRecords.merge(fetchRecordset()); // merge array with new dataOr
Data.listOfRecords.splice(0,Data.listOfRecords.length,fetchRecordset()); // replace array data
Ignoring this rule may lead to memory leak alike behavior in your application.