# Button

# 需求演示

• 默认按钮/图标按钮/加载中状态/不可用状态/ 按钮组合状态

# API

# 实现的逻辑

• 样式状态变化：根据在组件传入的内容，通过props拿到添加到 class，根据class 来变化状态
• icon位置变化：根据class来设定元素order 顺序
• 校验传参：根据validator 校验传入的 value 值是否符合
• 在 mounted 里检测buttonGroup 的子元素检测必须为button
• this.$children只能获取子组件 this.$el.children 获取子元素

mounted () {
      for (let node of this.$el.children) {
        let name = node.nodeName.toLowerCase()
        if (name !== 'button') {
          console.warn(`g-button-group 的子元素应该全是 g-button，但是你写的是 ${name}`)
        }
      }
    }