When writing styles in Vue, [data] keeps appearing and I can’t change it

Some time ago, when vuewriting styles, did I use ant-design-vueframes?

But we can’t take it directly copy, at least change the color, font, and delete unnecessary things.

but? , I have specified the specifics class, it has not been effective

So I used the :deepmethod, which works.

However, the project manager said, don't use this way of writing!

Because, in the same classplace 套多层：deep在Chrome浏览器是可以的, but other browsers can't!

1. So I suggest, if you want to use it, don’t use it too much 套娃(:deep)
2. Or it can be used like this

<style lang="scss" scoped> </style>

Change to

<style lang="scss"> </style>

It becomes no dataform

---

There are other suggestions, we can discuss it~