Polymer 通过上下文绑定到viewmodel？

我正在寻找一个新的项目，我正在工作使用聚合物。我很幸运，能够只针对最新版本的Chrome

我研究Polymer的原因之一是我了解到它使用了新的

对象。请观察
进行数据绑定。（我想我这样说是对的，如果我不是，请纠正我！）

我希望实现的一件事是能够针对视图模型运行测试，而不是使用gui测试工具

…但就我所见，Polymer是为web组件设置的，实际上是视图模型。我这样说对吗？现在我还没有研究过聚合物测试，但我认为这意味着必须有一个DOM来测试

现在，我可以为每个web组件添加一个“context”属性，并将JS视图模型绑定到该组件，并将所有绑定设置为
{{context.prop}
，
{{context.prop1}
，等等

这是否违背了任何聚合物原理——我的想法完全错了吗

示例元素：

<polymer-element name="my-element" attributes="context">
    <template>
        <textarea value="{{context.prop}}"></textarea>
    </template>
    <script>Polymer({});</script>
</polymer-element>

<my-element id="ele"></my-element>
<script>
    var model = { prop: 'initial value' }

    // wait for DOM to load - should really use some sort of "ready" event here...
    setTimeout(
        function() {
            var ele = document.querySelector('#ele');
            ele.context = model;
        }, 3000);

    Object.observe(model, function() { console.log('changed'); });
</script>


聚合物（{}）；

元素使用：

<polymer-element name="my-element" attributes="context">
    <template>
        <textarea value="{{context.prop}}"></textarea>
    </template>
    <script>Polymer({});</script>
</polymer-element>

<my-element id="ele"></my-element>
<script>
    var model = { prop: 'initial value' }

    // wait for DOM to load - should really use some sort of "ready" event here...
    setTimeout(
        function() {
            var ele = document.querySelector('#ele');
            ele.context = model;
        }, 3000);

    Object.observe(model, function() { console.log('changed'); });
</script>


var模型={prop:'初始值'}
//等待DOM加载-这里应该真正使用某种“就绪”事件。。。
设置超时(
函数（）{
var ele=document.querySelector（'#ele'）；
ele.context=模型；
}, 3000);
observe（model，function（）{console.log（'changed'）；}）；