VUE学习笔记(Day2)

第一节—style样式的多种操作方式

1.绑定内联样式

1.对象语法:v-bind:style的对象语法十分直观——看着非常像CSS,但其实是一个JavaScript对象。CSS property 名可以用驼峰式或短横线分隔(记得用引号括起来)来命名:

data:{

activeColor:'red',

fontSize:30

}

2.条件渲染v-if

1.v-if指令用于条件性地渲染一块内容,这块内容只会在指令的表达式返回true值时候被渲染

Vue is awesome

第二节—条件渲染 v-show以及v-if的区别

1.在