Vue学习笔记(条件渲染、列表渲染、Class与Style绑定)

条件渲染、列表渲染、Class与Style绑定.

条件渲染:v-if v-else v-else-if,v-show

列表渲染:v-for

style和class 的绑定:style可写成对象形式,然后通过属性绑定v-bind进行绑定;class绑定写成对象形式,键名是真是的class名称,值为布尔值或表达式,或者可以使用数组直接输出字符串,也可以用对象表达式+数组混合的方式

Vue学习笔记(条件渲染、列表渲染、Class与Style绑定)_第1张图片

你可能感兴趣的:(Vue)