Vue 設置style樣式

1.直接添加行內樣式

2.通過綁定設置style樣式

3.將vue的屬性設置為樣式

4將多個vue屬性設置為樣式

<div id="box">
            <!--直接添加樣式-->
            <p style="background-color: blue;">sssss</p>
            <!--綁定樣式-->
            <p v-bind:style="'background-color: red;'">sssss</p>
            <!--將vue中的屬性作為樣式設置-->
            <p :style="obj">sssss</p>
            <!--將多個屬性作為樣式設置-->
            <p :style="[obj,obj1]">sssss</p>
        </div>
        <script type="text/javascript">
            var vm=new Vue({
                el:"#box",
                data:{
                    obj:{
                        backgroundColor:"gold"
                    },
                    obj1:{
                        fontSize: "30px"
                    }
                },
            });
        </script>