样式绑定、条件渲染

绑定样式：

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

条件渲染：

1. v-if
   1. 写法：
      1. v-if=“表达式”
      2. v-else-if=“表达式”
      3. v-else
   2. 适用于：切换频率比较低的场景
   3. 特点：不展示的dom元素会直接被移除，这就是为什么适用于切换频率比较低的场景
   4. 注意：v-if可以和v-else-if、v-else一起使用，但要求结构不能被“打断”
2. v-show
   1. 写法：v-show=“表达式”
   2. 适用于：切换频率比较高的场景
   3. 特点：不展示dom元素未被移除，仅仅是使用样式隐藏掉
3. 备注：使用v-if时，元素可能无法获取到，而使用v-show一定可以获取到。因为v-if可以删除dom元素
4. template是一个无格式容器，但是只能配合v-if使用