对象语法

<body>
    <div id="app">
        <div :style="{color:textColor,fontSize:textSize,fontWeight:'bold','background-color':'red'}">
            好是几个海量可能白金卡是好几个好可怜你不看好V领股hi链接克隆你白金卡是回顾hi噢尽可能两节课
        </div>
    </div>
</body>
<script src="./js/vue.js"></script>
<script>
    new Vue({
        el: "#app",
        data: {
            textColor: "green",
            textSize: "20px",
        },
    });
</script>

数组语法

<body>
    <div id="app">
        <div :style="[textColor,textSize]">
            好是几个海量可能白金卡是好几个好可怜你不看好V领股hi链接克隆你白金卡是回顾hi噢尽可能两节课
        </div>
    </div>
</body>
<script src="./js/vue.js"></script>
<script>
    new Vue({
        el: "#app",
        data: {
            textColor: {
                color: "red"
            },
            textSize: {
                fontSize: "30px"
                // "font-size": "30px"
            }
        },
    });
</script>

一沙一世界，一花一天堂。君掌盛无边，刹那成永恒。