diff --git "a/\346\275\230\351\207\221\351\223\216/2021-6-01.md" "b/\346\275\230\351\207\221\351\223\216/2021-6-01.md" new file mode 100644 index 0000000000000000000000000000000000000000..77d54f153d1629d66ccfefb57282f38ea3d32f2a --- /dev/null +++ "b/\346\275\230\351\207\221\351\223\216/2021-6-01.md" @@ -0,0 +1,47 @@ +# class 与 style 绑定 +可以给v-bind绑定class属性 +### 对象语法 +可以给v-bind绑定对象 +``` + + .. + +``` +在Vue实例中设置isActive的值为true或false +``` +data: { + isActive: true, + hasError: false +} +``` +还用一种方法直接在Vue实例中定义对象将定义好的对象传入到v-bind属性中 +``` + + .. + +``` +``` + data:{ + classObject:{ + active:true, + has:false + } + } +``` +### 数组语法 +可以给v-bind绑定数组 +``` + + .. + +``` +``` + data:{ + activeClass:'active', + errorClass:'error' + } +``` +## 同一个Html标签中只可以有一个v-bind绑定的class属性,同时在添加一个class属性,不会有个第三个,如果写了多个它会自动忽略 + + +# 以上所有的绑定class属性的规则同样适用于绑定style \ No newline at end of file