Polymer 学习笔记(四)

继续昨天的详细分析,今天主要分析文件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 方法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值