查漏补缺——说说:class和:style这两种动态绑定样式？

问题

如题所示

答案

vuejs里:style和:class的区别（vue动态操作绑定class 和 style的方法）

Vue框架整理：动态设置样式style、class

动态style(vue)

• 动态添加的类名是基于数据的，当对应的数据为 true 时会显示，否则没有

• :style属于内联式动态样式，会用一个表达式去表达样式

相关的源码：

<div id="banner" :class="{'home-banner':isHome}">
        <div class="banner-img" :style="{'background-image': `url(${src})`}">
		</div></div>