简介：在Vue官方教程学习Class&StyleBindings的时候，html部分''的使用方式让我一头雾水（当然也是因为我基础薄弱）。为了帮助新手理解，Vue的官方指南似乎有点冗长。所以我决定重新组织一下。后面的内容不会包含很多例子，你可以点击上面的超链接查看官方指南。绑定内联样式在我看来，key是一个指针，这意味着我们可以将内容保存在某个地方并且灵活使用它们。从某种意义上说，阶级是风格的指针。所以先介绍一下style基本语法直接：例如：style="{style-name-color:data-key,style-name-fontSize:data-key+'px'}"别忘了加上uintlike'px'Object：:style="data-key-styleObject"data:{data-key-styleObject:{color:'red',fontSize:'13px'}}Array：:style="[styleObjects,overridingStyleObjects]"styleObjects意味着我们可以将"{}"与d"data-key"AdvancedMultipleValues：:style="{display:['-webkit-box','-ms-flexbox','flex']}"这只会呈现数组中浏览器显示的最后一个值支持。在这个例子中，它会为支持无前缀版本的flexbox的浏览器渲染display:flex。（抄自Vue官方指南）绑定HTML类前面说过，class是style的指针。区别在于class在\
