v-bind()处理动态的跳转 也可以缩写为:href
class样式处理:v-bind()可以绑定class=(类名,is属性),也可以写成数组形式( v-bind:class='[activeClass, errorClass])
也可以:class控制类
v-bind()也可以混合使用
data: { activeClass: 'active',
errorClass: 'error',(数组写法)
isTest: true, (对象写法) }
style样式处理:<div v-bind:style='objStyles'></div>
data数据处理:
对象语法: <div v-bind:style='{border:borderStyle,width:widthStyle,height:heightStyle}'></div>
数组语法: <div v-bind:style='[oversideStyle,objStyle]'></div>
objStyle: { border: '1px solid green',
width: '200px',
height: '300px'}
v-show的原理:控制元素样式是否显示 display:none
v-for遍历数组:v-for='item in fruits'
得到索引号: <li v-for='(value,key,index) in obj'>{{item+'---'+index}}</li>
:key='':可以提高效率