用心將技術和服務遍布全中國
乃至世界...

我們堅信
無論您在哪里
我們都能為您提供優質的服務!

請您致電
400-092-7217

vue組件中如何寫內部樣式?

2020-12-09 23 編輯:深圳網站建設 來源:互聯網

在現代化的 Web 開發中,CSS 還遠未完美,這一點應該沒有什么意外。

現今的項目通常都相當復雜,而 css 樣式天生又是全局性的,所以到最后總是極容易地就發生樣式沖突——要么是樣式相互覆蓋,要么就是隱式地級聯到了下面那些我們未考慮到的元素。

在減輕 CSS 存在的主要痛點方面,我們普遍采用的解決方案是引入 BEM (Block Element Modifier) 方法學。不過這只能解決我們這個大問題的很小一部分。

我們非常幸運,社區已經開發出了一些解決方案,他們可以幫我們處理這些問題。說不定你已經聽說過了 CSS Modules、Styled Components、Glamorous、JSS——這些只是眾多流行的工具中的少數幾個。如果你對這個話題感興趣,你可以查看這篇帖文——作者 Indrek Lasn 對 CSS-in-JS 的思想做了非常詳盡的講解。

每個通過 vue-cli 創建的 Vue.js 應用都內置了兩個很好的解決方案:Scoped CSS 和 CSS Modules (模塊式 CSS)。兩種方案各有優缺點,所以下面我們就仔細看下哪種方案在你的案例中更適用。

 

 

黑龙江p62和值走势图 天津快乐十分前三组遗漏数据 21点怎么玩_点击登陆 30选5中几个才算三等奖 AG视讯贵宾厅 香港赛马会单双资料 韩国快乐8开奖结果查询 辽宁快乐12选5实时预测 捕鱼游戏场景 天天麻将手机版 中国足协官网 湖北快三两同号两组遗漏 竞彩足球比分直播500万 广西快乐10分下载 吉林11选5奖金少 浙江11选5爱彩人网 狗狗币收益