v-on是绑定事件 简写 @
v-bind是绑定熟悉 简写 ：
好 直接看代码
上面的代码 是给 img绑定src嗯嗯，就这么绑定 v-bind 这个没啥好说的，看代码应该都懂
绑定class 比较复杂
css定义好class 然后 通过引号大括号 里面传递 class 名字 后面加冒号 再传一个变量 需要在 data数据中心给赋值true还是false
true 就是 绑定这个class ，false 就是不绑定
还记文章开始说了，v-bind的简写是:吗？以后我们就用简写:了 不用复杂的v-bind这种写法了
这个class 属性绑定了 一个数组（两个或者两个以上的 class 绑定在一个html元素上 都需要数组方式）
class属性绑定了一个数组 数组里面有两个值，映射到 data数据中心 就是 在style里面定义的class 。 这个应该差不多能看懂吧，看不懂的自己操作下，
这种方法，绑定class 直接写在 属性里面，但是后面都有个映射在data数据中心的变量，值都是布尔值 是true那么就绑定，是false 就不绑定，
多看写法，双引号 大括号 里面的class 名字 还要带引号，
上面这个div绑定的 class 就是 先绑定一个class-c 怎么绑定的上面介绍了，然后后面在跟一个判断的class，看值 是true 还是false，，注意 注意 注意 引号括号逗号都是怎么弄的，这个玩意 容易理解，写起来，老是表单符号搞错
绑定style 看写发 css属性名如果中间有-在vue里面应该是驼峰命名发，拿掉-然后第二个单词首字母大写 size 映射的是 data数据中心的size ，然后加px 最后运行的结果就是 div字体大小是100像素
style 绑定两个以上 也是数组 里面传递映射变量
映射到 data数据中心，是一个对象 是对象 是对象 所以 我data里面映射的属性值 带引号了，看到没，是对象 要带引号，不是写css
