动态数据
动态类 ：class 是根据不同的条件来进行判断，最后决定用哪个
鼠标移入动态样式流程
设置两个大元素和五个小元素（item）
第一个大元素 设置颜色背景 display：flex；margin：auto; 让元素垂直水平居中
第二个大元素 设置颜色背景 display：flex； margin：auto 让元素垂直水平居中
justify-conten:space-center(第二个元素里套着五个小元素,让他们均匀分布
五个小元素（item）有 v-for循环生成对应的数组，也设置垂直水平居中，设置样式，根据条件
设一个动态类，进行三元运算进行判断 先判断index和kk形参是否和值相等，如果相等则为真，为真就执行第一个ss，不为真就执行第二个‘’。
在data中给ss声明并进行赋值。
对item设一个鼠标移入事件@mouseenter,方法写在methods里面，将index作为参数传入到方法里面。并让index赋值给kk。然后index作为参数给事件名点点
Ss设置样式 flex-grow：0.8；它只占剩余的空间 设置颜色背景
展开/收起
样式：display：none 隐藏元素，并且不占据空间 给bc设置
Es6新特性
Opacity：0.0-1.0 从透明到完全不透明 给bb设置
Visibity：hidden元素不会被显示，但是还占据空间
Visibity：visible元素正常显示，如果有继承关系，则会被父级显示
先写一个盒子，设置样式，以及内容
设置两个样式一个是展示的bb样式，一个为收起的bc样式
对内容进行for循环
根据条件设一个动态类，设形参为ss并在data中声明并赋值为true，并进行三元运算
为true就展示bc的样式，为false就展示空
再写一个div标签，展示/收起 设置bt-text样式
为她设置一个click点击事件，设置个bool的形参，并将它赋值给ss，然后将取反的ss（！ss）给事件名，因为要展示收起和展示的样式，告诉事件名，是要的反值。
