如何使用CoffeeScript观察自定义元素中的属性？

<my-element data-attribute="example"></my-element>

# 导入相关库
HTMLElement = require 'custom-elements'

class MyElement extends HTMLElement
  connectedCallback: ->
    # 获取自定义元素的DOM节点
    element = @

    # 创建一个观察器对象
    observer = new MutationObserver (mutationsList, observer) ->
      # 遍历所有变化的属性
      for mutation in mutationsList
        if mutation.type is 'attributes'
          # 处理属性变化的逻辑
          attributeName = mutation.attributeName
          attributeValue = element.getAttribute(attributeName)

          console.log("属性 #{attributeName} 的值变为 #{attributeValue}")

    # 配置观察器选项
    observerConfig =
      attributes: true

    # 使用观察器开始观察属性变化
    observer.observe(element, observerConfig)

coffee -c your-script.coffee

<script src="your-script.js"></script>
<script>
  customElements.define('my-element', MyElement);
</script>