Vue学习之--------绑定样式、条件渲染、v-show和v-if的区别（2022/7/12）

文章目录

​​1、绑定样式​​

​​1.1 基础知识​​​​1.2 代码实例​​​​1.3 测试效果​​

​​2、条件渲染​​

​​2.1 基本知识​​​​2.2 代码实例​​​​2.3 测试效果​​

1、绑定样式

没啥好说的、我觉得还没直接引入外部写好的css样式方便（个人想法）

1.1 基础知识

绑定样式：

1、class样式写法:class=“xxx” xxx可以是字符串、对象、数组。字符串写法适用于：类名不确定，要动态获取。对象写法适用于：要绑定多个样式，个数不确定，名字也不确定。数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。2、style样式:style="{fontSize: xxx}“其中xxx是动态值。:style=”[a,b]"其中a、b是样式对象。

1.2 代码实例