vue中如何写css以及css的优先级

vue中如何写css

我只是提几种我常用的写style的方式，仅供参考

都是写在template中

:class="isMaxTrack?'track-max':'track-nomal'"

:style="{top:10px,left:10px}"

:style="{'right':bottom?'20px':'10px','top':bottom?'20px':'10px'}"

:class="{'fullScreen':fullScreen}"

vue中css优先级

!important

行内style

位置靠后的class（比如<div class='class1 class2'></div>那么这里的class2的优先级高于class1）

:class的样式