ES6语法,自定义组件的命名

  标签命名一定要加“-”,浪费了半个小时。。。
 class MxmBox extends HTMLElement {
      constructor() {
        super();
        console.log(this);
        let but=document.createElement('button');
        but.innerText='第一个按钮';
        this._shadowDom = this.attachShadow({ mode: "open" });
        this._shadowDom.appendChild(but);
      }
    }

    customElements.define("mx-m", MxmBox);
posted @ 2020-12-05 14:46  MuXuming  阅读(231)  评论(0)    收藏  举报