Vue指令 数据属性样式事件绑定 分支循环

数据绑定

{{}}
v-text文本绑定
v-html 标签绑定
v-model 双向绑定

属性绑定

v-bind:class=""
简写
:class=""

样式绑定

class
对象形式
:class=“obj”

data:{
obj:{
obj1:true,
obj2:false
}
}
数组形式

:class=“classes”

data:{
classes:[“class1”,“class2”]
}

style
:style = “{属性名:属性值}”

事件绑定

v-on:click = “method”
简写
@click = “method”

methods:{
method:function(){
}
}

分支

v-else-if v-else

循环

遍历数组

• {{item}}---{{index}}
• 遍历对象
• {{value}}---{{key}}---{{index}}