1.类名绑定用于为元素节点添加几个类名, 因此要求属性值为字符串或字符串数组
2.字符串形式下,可以使用空格隔开多个类名
3.字符串数组形下, 可以在里面使用三元运算符或与或号
示例代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="avalon/dist/avalon.js"></script> <script> avalon.define({ $id: 'test', aaa: "aaa bbb ccc", bbb: 'ddd', ccc: ['xxx', 'yyy', 'zzz'], ddd: 'eee', toggle: true, toggle2: false }) </script> </head> <body ms-controller="test"> <span :class="@aaa">直接引用字符串</span> <span :class="@ccc">直接引用数组</span> <span :class="[@aaa, @bbb]">使用数组字面量</span> <span :class="['aaa', 'bbb',(@toggle? 'ccc':'ddd')]">选择性添加类名</span> <span :class="[@toggle && 'aaa']">选择性添加类名</span> <span :class="[ @ddd + 4]">动态生成类名</span> </body> </html>