自定义元素实现接口

• 类型：HTMLElement

• 详细：

  MIP 自定义元素的真实 element 实例。在 build 钩子执行之前，可以通过该实例获取原始的子元素及属性。

• 示例

  <mip-example>
    <div class="wrap">
    </div>
  </mip-example>

addEventAction

• 类型：Function

• 参数

  • name {String} 行为（action）名称
  • handler {Function} 行为对应的回调函数
    • 参数：
      • event {Object} 事件触发时传递的事件对象
      • args {String} 通过 on 属性提取出来的参数原始字符串

• 详细：

  添加一个事件行为，该事件行为可以通过组件外部触发。

• 示例

  <button on="tap:example.show(1,2)"></button>

• 参考：

observedAttributes

• 类型：Function

• 详细：

  定义需要观察标签属性值变化的属性名列表。如果列表返回的属性值发生将会触发

• 示例

    <mip-a name="a" data="a"></mip-a>

生命周期钩子，即组件可重写的方法，自定义组件会在适当的时机调用钩子。

• 类型：Function

• 详细：

CustomElement 构造函数，MIP 组件在扩展基类如果要重写 constructor 记得调用 super(element)

connectedCallback

• 类型：Function

• 详细：

  MIP 自定义元素挂载到 DOM 上时执行。

disconnectedCallback

• 类型：

• 详细：

  元素从 DOM 上移除时执行。

• 类型：Function

• 自定义元素的生命周期钩子，在元素挂载到 DOM 上之后，首次出现在视口内上时执行。适合做懒加载之类的功能。

attributeChangedCallback

• 类型：Function

• 参数：

  • name {String} 发生变化的属性名
  • oldVal {String} 变化前的属性值
  • newVal {String} 变化后的属性值

• 详细：

  依赖 方法指定的属性值列表，当列表中的属性值发生改变时触发该回调。

viewportCallback

• 类型：Function

• 参数：

  • inViewport {Boolean} 当前是否在视口内

• 详细：

  当自定义元素从视口内消失或者重新进入视口时触发该回调。

• 类型：Function