<!-- 页面  -->
<页面>
  <自定义组件-1 class="class-name" ></自定义组件-1>
  <自定义组件-2 ></自定义组件-2>
</页面>
<!-- 自定义组件1  -->
<自定义组件-1 class=" class ">
       externalClasses: ['class'],
  	options: {
		addGlobalClass: true, 
		virtualHost: true, 
		styleIsolation: "apply-shared"
	}
</自定义组件-1>
<!-- 自定义组件2  -->
<自定义组件-2 >
  <自定义组件-1 class="class-name" ></自定义组件-1>
</自定义组件-2>

<!-- 运行时 会的得到一下 结果 , 自定义组件 2中的自定义组件1 class 会被携带一些 预期以外的东西 , 我想知道 如何去除 **-- 开头的东西,  -->
<!-- [**--] 这个class 前名称  我不需要他 因为 我给定的是 全局样式  -->
<页面>
  <自定义组件-1 class="class-name" ></自定义组件-1>
  <自定义组件-2 >
      <自定义组件-1 class="**--class-name" ></自定义组件-1>
  </自定义组件-2>
</页面>



由于我使用了 最新版本的 开发工具(2022年11月4日19:57:08),   externalClasses 的效果没能正确的显示出来