Vue dynamically controls CSS style

you guys really want to achieve this requirement. Every time I click the button to add a component, the component will be indented into the 15px or so. How to achieve this?

Feb.28,2021

: style= "'margin:'xxx" dynamically modify xxx


two ways:
1.


   <div :style = "margin: length+'px' "></div>   

js:
   
data(){
    return {
        length: 1,
    }
}

2. Set different class

    <div :class="{'youClass': isShow}"></div>   
    
js:
   
data(){
    return {
        isShow: true ,
    }
}
 
Menu