代码之家  ›  专栏  ›  技术社区  ›  Munna Babu

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

  •  0
  • Munna Babu  · 技术社区  · 5 年前

    我正在尝试将我的应用程序从聚合物2升级到聚合物3。我试过使用模块化器,但应用程序坏了。这是一个大尺寸的应用程序,所以我计划逐个升级元素。是否有可能将部分应用(元素)升级为聚合物3。

    我根据polymer 3语法转换了一个应用程序元素,然后尝试将其导入到下面这样的另一个元素中,但它不起作用。

    参见下面的示例,

    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);
    

    这里开始把polymer 3元素转换成polymer3元素,现在我应该在另一个写在polymer 2中的元素中使用这个。我试过像下面这样在polymer2元素,但它不工作。

     <script type="module">
       import { StartPolymer3 } from '../views/start-polymer3.js';
    </script>
    
    <start-polymer3 message="testHello"></start-polymer3>
    
    1 回复  |  直到 5 年前
        1
  •  0
  •   Cappittall    5 年前

    Polymer 3.0 API几乎100%向后兼容Polymer 2。XT唯一的变化是删除与HTML导入相关的API(如importHref),并将Polymer的API转换为基于模块而不是基于全局的API。 与此相关 link