Question

我正在尝试将应用程序从聚合物2升级到聚合物3。我尝试通过调制器，但应用程序坏了。它是大型应用程序，因此我打算逐一升级元素。是否有可能将应用程序的某些部分（元素）升级到聚合物3。

我按照聚合物3语法转换了我的一个应用程序元素，然后尝试将其导入到另一个元素，如下所示，但它不起作用。

请参见下面的示例

IOSTouchAction

这里，将StartPolymer3元素转换为聚合物3元素，现在我应该在聚合物2中编写的另一个元素中使用它。

import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
import '@polymer/polymer/lib/elements/dom-if.js';
import '@polymer/paper-checkbox/';
import { setPassiveTouchGestures } from '@polymer/polymer/lib/utils/settings';

class StartPolymer3 extends PolymerElement {
  static get properties () {
    return {
      message: {
        type: String,
        value: ''
      },
    };
  }

  constructor() {
    super();
  }

  ready(){
    super.ready();
  }

  static get template () {
    return html`
      <style>
        paper-checkbox {
          --paper-checkbox-checked-ink-color: #FFFFFF;
          --paper-checkbox-unchecked-ink-color: #FFFFFF;
        }
      </style>
      <h1>Start Polymer 3.0</h1>
      <p>[[message]]</p>
      <paper-checkbox id="omgpie">I like pie.</paper-checkbox>
    `;
  }
}

customElements.define('start-polymer3', StartPolymer3);

Answer 1

Polymer 3.0 API与Polymer 2.x几乎100％向后兼容-唯一的变化是删除了与HTML导入相关的API（例如importHref），并将Polymer的API转换为基于模块而不是基于全局变量的API。这里与link

是否可以部分升级聚合物3？

1 个答案: