绑定样式有三种方法;
1、类名绑定
这里的类名有数据isActived决定;isActived为ture时,div类名为actived
<div :class="{actived:isActived}"></div>
2、数组绑定
<div :class="[className1,className2]"></div>
data:{
className1:'className1',
className2:'className2'
}
3、内联样式绑定
<div :style="styleObj"></div>
data:{
styleObj:{
color:red
}
}
条件渲染:v-if、v-show
v-if 是对dom的操作,当show变量为false时,第一个div直接被从dom中删除,而第二个div只是display:none
<div v-if="show"></div>
<div v-show="show"></div>