Is it private to use scoped when writing styles when developing with vue-cli+webpack? But it doesn't look good in F12. How do you do it?

look at the picture first

add scoped to style to make its style private, valid only for the current page, but global after removal.
but. But. After that, you will see data-v-xxxx in the browser console and you don"t think it looks good.
so ask all of you how to write it during development. If you use the global one, you will inevitably encounter conflicts when writing class names.

Front-end webpack vue-cli vue.js

Mar.11,2021

plus scoped , with the attribute name added, is local.
it's not about looking good. Why are you obsessed with this? users don't watch this.
if you don't want to add scoped , you can wrap it in the outermost layer.
for example:

<style lang="less">
    .wrap{
        // ...
    }
</style>

Previous: If the configuration files of webpack are all in the build folder, how can I find that file in script?

Next: Registration Model of beego

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3056a-2bd14.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3056a-2bd14.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?