前端框架Vue学习02 ——样式

假定设定样式


一般处理

很大的东西

使用class样式

1、数组形式
直接传递一个数组,这里的class需要使用v-bind做数据绑定

第一种

好像和一般处理方式没多大差别
2、数组中使用三元表达式

第二种

需要在data对flag进行初始化

 data:{
       flag:true,
 },

上述三元表达式即表示如果flag为true,则显示active样式,否则为空。
3、数组中嵌套对象


第3种

4、直接使用对象



第4种

在data中进行定义
前端框架Vue学习02 ——样式_第1张图片

你可能感兴趣的:(Vue)