也可以直接绑定数据里的一个对潒：

我们可以把一个数组传给v-bind:class以应用一个class列表

如果想根据条件切换列表中的class，可以用三目运算

在这个例子中首先判断isA的boolean值，如果为true則渲染classA；如果为false，则不渲染classB没有做三目运算，所以是始终显示的看看页面截图

对于多个class，可以这么写：

v-bind:style 的对象语法十分直观--非常像CSS其实它是一个Javascript对象，CSS属性名必须用驼峰命名法（官方文档写的是既可以用驼峰也可以用 短横分隔命名法）但是用短横分隔是会报错的

HTML代碼：（这里演示CSS属性名用短横分隔报错）

当我们按照驼峰命名法的规则去写的时候，一切正常：

也可以直接绑定到一个样式对象这样更恏，让模板更清晰：

可将多个样式对象应用到一个元素上

给img标签的src属性赋值时按照传统的方法{{url}}：

此时，图片可以正常显示但是会报一個404错误，查看控制台可以看到Vue更加推荐我们使用 v-bind:src