理由：有时你不行事先确定是否添加某个CSS类，你想要计算或者动态决定，比如说添加<hr>标签和<input>输入框，输入框绑定color属性，查看代码：
现在<div>元素根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是添加判断。全部代码为：
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
