vue3 teleport的组件父组件使用deep穿透无法修改样式

在使用 Vue3 的 teleport 组件时，如果父组件使用了深度穿透来修改样式，可能会出现无法修改的情况。

这是因为 teleport 组件会将内容渲染在 body 元素下面，而深度穿透仅仅会影响当前组件的样式，无法影响到 body 元素下的内容。

解决方法是在父组件的样式中使用 ::v-deep 伪类来实现深度穿透。例如：

<style scoped>
    .parent ::v-deep .teleport-content {
        color: red;
    }
</style>

这样就能够成功修改 teleport 组件中的内容样式了。