CSS类动态样式----使用命名-创新互联

元素根color属性产生了关联，而color的值在输入框设置，在输入框中把值改成blue或者red，等任意设置过的CSS类。

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：做网站、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的威信网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

理解过程：我灭有用布尔值来控制是否添加greenl类，而是直接输出CSS类的名称，它正好是data对象中的属性，该属性值在输入框中设置，值也可以通过其它方式，不一定非得输入框，关键在于我存的是具体值，而不是布尔值，是被添加的东西------CSS类名称，也可以通过输入语法添加多个CSS类：

变成数组后，效果还是没有变，还可以改成混合数组，

现在该元素始终由greenl类，因为值写在输入框中，可以改成blue,red，
如果现在点击div1再删掉，就可以看到第三个块变成 了红色，因为此时该元素也添加了red类，现在我们设置了CSS类数组，Vue会自动分析这个数据结构，然后根据数组每项的解析结果，合并成一个CSS类列表，而每项解析成什么？他们分别解析为color属性即一个CSS类，和一个对象，如果是对象，Vue就指定这是个键（key)值(value)对，key是CSS类，value为是否要添加该CSS类的布尔值，这里attachRed属性就是决定是否要添加类，两种语法都能够兼容，直接使用CSS类，或者使用一个对象，对象中key是CSS类，value是添加判断。全部代码为：

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章名称：CSS类动态样式----使用命名-创新互联
URL分享：http://cdkjz.cn/article/csjsed.html