继续昨天的详细分析,今天主要分析文件src/components/shop-app.js
首先这个文件是应用的真正的应用实现的开始,首先确认这是一个标准的自定义页面组件
好,为了让下面看起来更容易,我们需要先了解一下关于Polymer 的自定义组件的基本规则,我们下面来看看一个最简单的Polymer 的自定义组件的例子,看看都有哪些要求。
import { LitElement, html } from '@polymer/lit-element';
class XCounter extends LitElement {
render() {
return html`
Hello from lit-element
`;
}
}
customElements.define('x-counter', XCounter);
这个看起来比较简单,具体说就是一个标准的类定义,重写render 方法。