鍍金池/ 問答/HTML/ 請問用vue-cli+webpack開發(fā)時(shí)寫樣式時(shí)都用scoped設(shè)置為私有嗎？

請問用vue-cli+webpack開發(fā)時(shí)寫樣式時(shí)都用scoped設(shè)置為私有嗎？但是這樣在F12時(shí)看著不美觀啊，大家是怎么做的？

先看圖片吧
圖片描述

圖片描述

在style中加scoped使其樣式成為私有的，只在當(dāng)前頁面有效，但是去掉之后就變成全局的了。
但是……但是……加上之后就會在瀏覽器的控制臺中看到有data-v-xxxx又覺得不好看。
所以問一下各位老哥在開發(fā)的時(shí)候怎么寫的，如果用全局的，在寫類名時(shí)不免遇到?jīng)_突吧…………

回答
編輯回答
陌離殤

加上scoped，是加上了屬性名，就是局部的了。
這又不是為了好看。你為啥要糾結(jié)這個，用戶又不看這個。
不想加scoped，也可以最外層包裹一層呀。
比如：

<style lang="less">
    .wrap{
        // ...
    }
</style>
2017年10月29日 17:26