Vue指令03——v-bind和v-for

v-bind命令

效果：更改元素属性，如 src、title、href

格式：v-bind：属性=”变量“

格式：：属性=”变量“

修改行类样式1

v-for命令

作用：自动添加元素

格式1：v-for="变量 in 数组/值"

格式2：v-for="（变量，下标变量） in 数组"

this.数组名.push(数据) //在数组最后添加数据

this.数组名.shift() //删除数组最后的数据

this.数组名.splice(下标,1); //删除数组指定的数据 ，1代表删1条

    按钮+
    按钮—

     
    
{{index}}_{{it}}
 
     
    
{{info.name}}