vue使用template定义中的数据控制css

1、首先，在template中定义数据：

<div :data-mode="parseInt(this.$route.query.step) > 1 ? 'y' : 'n' " >
    ......
</div> 

2、在css中使用(只要在上面定义的div中间的组件都可以使用)

.class[data-mode='y']{
    ..... //当data-mode的值等于y时生效
}