.buttonbackground:#dedede&__iconfont-size:12px&__textcolor:#fff&--primarybackground:blue;&--successbackground:green谈谈BEM设计模式在Vue组件开发中的应用回想一下你在前端生涯中是否遇到过以下问题1.写css时经常在类命名的时候绞尽脑汁2.多人团队css开发命名冲突出现在3.组件开发中如何规范css的写法？什么是BEMBEM？是Yandex团队提出的一种css命名方式。这种命名方式可以解决上面遇到的问题，提高css的开发效率和可读性，进入BEM的世界B：代表一个block，可以抽象成一个组件E：代表一个元素，一个元素在一个组件下，多个元素组成acomponentM：表示修饰符，可以用来表示一个元素的Status，比如激活状态，颜色，大小，BEM长什么样子，好看不好看，请看下面的代码。你是不是在想，妈的，这玩意儿这么丑，而且名字这么长，这么丑……__和--connectors__是什么鬼，主要用来表示块（B）和元素（E）的连接--用于表示块或元素与状态之间的连接。比如我们要写一个按钮组件，我们可以这样写/*有一个组件叫按钮*/填充：10px；}/*btn组件下面是一个显示图标的元素*/.button__icont{font-size:12px;}/*btn组件有多种颜色可供选择*/.button--primary{background:blue;}.button--success{背景：绿色；}.button--warning{背景：红色；}蓝色按钮
