v-bind动态绑定style(数组语法)

1.用法

:style="[baseStyle1,baseStyle2]"

baseStyle1,baseStyle2存储在Vue的data中

methods : {
baseStyle1 : {backgroundColor:'red'},
baseStyle2 : {fontSize:'50px'},
}

    <div id="app">
        <p :style="[baseStyle1,baseStyle2]">hello</p>
    </div>
    <script src="./js/vue.js"></script>
    <script>
        var app = new Vue({
            el : '#app',
            data : {
                finalSize : 50,
                currentColor: 'red',
                baseStyle1 : {backgroundColor:'red'},
                baseStyle2 : {fontSize:'50px'}
            }
        })
    </script>