• 需求的场景描述（希望解决的问题）

https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html

组件外部样式类，超级难用。

1.文档里这句：

<!-- 组件 custom-component.wxml -->

<custom-component class="my-class">这段文本的颜色由组件外的 class 决定</custom-component>

这种写法会让人误以为是在页面使用组件标签。。

/* 组件 custom-component.js */
Component({
  externalClasses: ['my-class']
})

<!-- 页面的 WXML -->

<custom-component my-class="red-text" />

.red-text {  color: red;
}

给组件用外部样式使用也很繁琐。如果是多层组件嵌套呢，还要一层一层写吗。。

externalClasses: {

    default:[‘组件默认使用全局my-class0’]

    ‘实例1具名name’:[‘我使用全局my-class1’],

    ‘实例2具名name’:[‘我使用全局my-class2’],

}

页面里<custom-component externalClass=“实例1具名name” />

这样数组里声明什么就直接使用全局样式岂不更好，多次调用时想用不同样式，也可以根据名称区分。