vue学习笔记---语法

1。v-bind:

可以动态地绑定一个或多个属性：

（1）判断变量isShow 的值，如果为 false 使用 head_float 类的样式，否则不使用该类

第一种方法， 用v-if和v-else-if：

<Energy ref="myEnergy" :tasks="tasks" v-if="isShow"></Energy>
<Energy ref="myEnergy" :tasks="tasks" v-else-if="!isShow" class="head_float">

第二种方法：

<Energy ref="myEnergy" :tasks="tasks" v-bind:class="{'head_float': !isShow}"></Energy>

（2）表达式：

<div v-bind:id="'list-' + id">wsgwegew</div>

(3) v-bind可以省略，直接用:属性名

// 根据isPress的值判断disabled属性是否设置
<button class="item_selBtnStyle" :disabled="isPress != 0" @click="changeStatus(index)" >已完成</button>

还有:    :style="", :src=""等。