vue3 dialog标题样式修改 穿透失败问题解决 但原因未知

需求：想把dialog标题的文字加粗

思路：在不用slot的前提下，想用穿透直接改标题样式。

尝试版本1：

<style lang="scss" scoped>
  :deep(.el-dialog__title) {
    font-weight: 700;
  }
</style>

如上边代码，在开发者工具中，加上    【font-weight: 700;】 是可以改变标题样式的，但是用在项目代码中，却无法改变。

解决版本2：

 在dialog外边加一层div，结合版本1的穿透样式就可以实现需求。

原因：未知。

其他解决方式：用element-plus自带的slot应该可以实现这个方式。