Vue動態設置Dom元素寬高

 需求：

     slider側邊欄是寬度是動態的，使用jquery可以操作dom元素，設置寬高，但vue是避免操作dom的

<template>
    <div class="slider">
        <h1>Hamy</h1>
    </div>
</template>

<script>
    export default{
        name:'index',
        data(){
            return{
                sliderStyle:{
                    width:'240px'
                }
            }
        }
    }
</script>

思路：

     通過給元素綁定style,在methods中通過改變this.sliderStyle.width來設置動態寬度

<template>
    <div class="slider" :style="sliderStyle">
        <h1>Hamy</h1>
    </div>
</template>