polymer - 如何在 Polymer 1.0 中实现 MVC 模式？

Question

我们可以为聚合物元素定义控制器吗？例如，我有一个 ListView 作为元素。现在我想在控制器中实现 onClickEvent() 以使业务/其他逻辑与 View 分开。那么聚合物中有没有可用的视图控制器绑定？

Answer 1

Polymer 元素的基本结构为您嵌入了 MVC 解决方案，不是吗？

例如，一般结构是：

<dom-module id="my-module">
  <!-- Imports go here -->
  <link rel="import" href="../bower_components/example-imported-element/example-imported-element.html">
  <style>
    ...
  </style>
  <template>
    <paper-button on-click="myFunc"></paper-button>
  </template>
  <script>
    (function() {
        Polymer({
          is: "my-module",
          ...
          myFunc: function() {
            // Do stuff
          },
          ...
        });
      }()
  </script>
</dom-module>

所以你的“模型”就是你的Shadow DOM，<template>标签中的所有东西都是你的“视图”，Polymer()函数中的所有东西都是你的“控制器”，不是吗？（甚至认为它没有那样正式标记。）或者你有别的想法？