VUE中CSS命名规范(参考BEM命名规范)

更新时间:2023-07-09 23:19:36 阅读: 评论:0

新目标英语七年级上VUE中CSS命名规范(参考BEM命名规范)
⽤了elementUI后,发现css类名中“--”和“__”,不知道是什么意思?于是上⽹查了⼀下,它们的出现是源于BEM和
BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的⼀种前端命名⽅法论。这种巧妙的命      BEM的意思就是块(block)、元素(element)、修饰符(modifier)gloves怎么读
名⽅法让你的CSS类对其他开发者来说更加透明⽽且更有意义。BEM命名约定更加严格,⽽且包含更多的信息,它们⽤于⼀个团队开发⼀个耗时的⼤项⽬。
linearalgebra.block 代表了更⾼级别的抽象或组件。
pi.block__element 代表.block的后代,⽤于形成⼀个完整的.block的整体。
.block--modifier代表.block的不同状态或不同版本。
.site-arch{} /* 块 */
.site-arch__field{}/* 元素 */
.
site-arch--full{}/* 修饰符 */
pitcher
监理工程师培训我的vue项⽬中使⽤sass预处理css,sass有嵌套,所以我在每个组件⽤⼀个容器,起名为:组件名-wrapper,组件名是唯⼀的,然后把这个组件的css都写在.组件名-wrapper⾥,在加个scoped,以免冲突。。。元音字母和辅音字母
上代码:
八年级上册英语
sugarland
ahi由于笔记本没装sass,所以报错,⼤家就将就看下吧!第⼀次写简书,下次好好弄!

本文发布于:2023-07-09 23:19:36,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/90/172490.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:命名   组件   没装   团队   字母   级别
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图