Polymer 关于聚合物的几个简单问题

我开始使用聚合物。这是一件伟大的事情。感谢所有的发行人

我有核心菜单和核心页面元素

<polymer-element name="my-element">
  <template>
    <style>
    </style>
    <core-menu selected="0" id="core_menu">
      <core-item on-tap="{{sel_brosh}}" label="Broshura"></core-item>
      <core-item on-tap="{{sel_list}}" label="Listovka"></core-item>
    </core-menu>
    <core-pages selected="0" id="sec_pages">
      <section id="sec_brosh">Page One</section>
      <section id="sec_list">Page Two</section>
    </core-pages>
  </template>
  <script>
    Polymer('my-element', {
      sel_brosh: function () { this.$.sec_pages.selected = "0"; },
      sel_list: function () { this.$.sec_pages.selected = "1"; },
    });
  </script>
</polymer-element>

这是我想要的，但我认为这不是“最佳实践”。我怎样才能用一个函数实现它？我尝试获取此值。$.core\u menu.selected，但我只获取旧值

可能是我选错了路。我想得到几个页面与简单的菜单切换页面

试试这个：

<polymer-element name="my-element">
  <template>
    <core-menu selected="{{selected}}">
      <core-item label="Broshura"></core-item>
      <core-item label="Listovka"></core-item>
    </core-menu>
    <core-pages selected="{{selected}}">
      <section>Page One</section>
      <section>Page Two</section>
    </core-pages>
  </template>
  <script>
    Polymer({
      selected: 0
    });
  </script>
</polymer-element>

ProTip:Polymer的MVC概念是，my元素有一个数据模型来通知它的子元素。我之所以提到这一点，是因为很容易看到这一点，然后说，哦，核心菜单和核心页面是数据绑定的，但更好的描述是，核心菜单和核心页面是绑定到我的元素的数据。主机，我的元素，处于控制中，因此控制器（或者更准确地说，MVP模式中的演示者）和孩子们不直接交互